CSS text shadow and outline.

Can I make a red text with a black outline and a shadow in
css?

Yes - I pointed that out much earlier in the thread. OP
didn't see the
relevance of it to the question, though. I thought a little
demo would
suffice.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Thierry" <[email protected]> wrote in message
news:gnipvh$l35$[email protected]..
> urray *ACE*" <[email protected]>
wrote in message
> news:gni6qi$t1h$[email protected]..
>> As I mentioned, there is no reason to think that you
cannot use both an
>> image and the text. Look -
>>
>> <h1>YOUR TEXT</h1>
>>
>> Start with that.
>>
>> Then do this -
>>
>> <h1 id="header"><img src="yourimage.jpg"
alt="" width="150" height="80"
>> />YOUR TEXT</h1>
>>
>> Then do this CSS -
>>
>> h1 { position:relative; overflow:hidden;
width:150px; height:80px; }
>> h1 img { position:absolute; }
>>
>> Watch the magic happen. If you want to safeguard
against text resizing,
>> you can set your dimensions in em units (make sure
you keep your aspect
>> ratio constant).
>
> The article/tutorial about this technique can be found
here:
>
http://www.tjkdesign.com/articles/tip.asp
>
>
> --
> Thierry | Adobe Community Expert | Articles and
Tutorials ::
>
http://www.TJKDesign.com/go/?0
>
> Spry Widgets |
http://labs.adobe.com/technologies/spry/samples/
[click on
> "Widgets"]
> Spry Menu Bar samples |
>
http://labs.adobe.com/technologies/spry/samples/menubar/MenuBarSample.html
> --
>

Similar Messages

New to CSS, text-align and line-height ok in 'Design', but not in browsers (IE 10 & Chrome) on Win8

[DREAMWEAVER CC]
I'm now learning CSS, and find that where I specify in an external style sheet
h1 {
          font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
          text-align:center;
          color: black;
          font-size: 1em;
          font-weight: normal;
          font-style: normal;
          line-height: 3.0;
          letter-spacing: 0px;
          word-spacing: 10px;
text-shadow: 3px 3px 5px #333;
text-decoration: none ;
text-transform: none;
That, in DW Design, they look fine, but in Windows 8, IE 11 and ChromeVersion 31.0.1650.63 m   that the text-align: center; and the line-height: 3.0; are ignored.
I work around by specifying <tr align="center" height = "77">   shouldn't the text-align: center; and the line-height: 3.0; be specifiable in my CSS??
Thanks for any help!
<tr height="77" align="center">
        <h1>
            <td bgcolor="CornSilk">1/28/2014</td>
            <td>the Sky</td>
            <td>Fate is the Hunter</td>
          <td >Ernest Gann</td>
            <td >John</td>
            <td >Jessica</td>
          <td><a href="http://www.amazon.com/FATE-HUNTER-Ernest-K-Gann/dp/0671636030/ref=sr_1_1?s=books&ie=UTF8&q id=1387462831&sr=1-1&keywords=ernest+gann">Learn More</a></td>
        </h1>
    </tr>

hemmi1 wrote:
[DREAMWEAVER CC]
I'm now learning CSS, and find that where I specify in an external style sheet
Not sure what it is you are trying to do but what you have at the moment is invalid code which is most likely why it doesn't work cross browser. (of cousre this css does not help - line-height: 3.0; - 3.0 what? - px, ems?)
Here's an example below of how you could do it. Give your table a class (below it is called .myTable) then you can start styling the <td> cell, and anything inside it by appending the element like an <h2> tag to the class name - .myTable h2
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Untitled Document</title>
<style>
.myTable {
    width: 900px;
    margin: 0 auto;
.myTable td {
font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
width: 150px;
.myTable h2 {
    margin: 0;
    padding: 0;
text-align:center;
color: black;
font-size: 1em;
line-height: 50px;
word-spacing: 10px;
text-shadow: 3px 3px 5px #333;
.myTable a {
    display: block;
    text-align: center;
</style>
</head>
<body>
<table class="myTable" cellpadding="0" cellspacing="0" border="0">
<tr>
<td><h2>1/28/2014</h2></td>
<td><h2>the Sky</h2></td>
<td ><h2>Ernest Gann</h2></td>
<td ><h2>John</h2></td>
<td ><h2>Jessica</h2></td>
<td><a href="http://www.amazon.com/FATE-HUNTER-Ernest-K-Gann/dp/0671636030/ref=sr_1 _1?s=books&ie=UTF8&qid=1387462831&sr=1-1&keywords=ernest+gann">Learn More</a></td>
</tr>
</table>
</body>
</html>

Annoying text shadows and text backgrounds...

I agree with Chiatanya... the text shadows are very annoying! So too are the text backgrounds. I updated from 10.2.4 and didn't have either of those problems. Does anyone know of a way to eliminate the text background and/or text shadow? Transparent color???
Please view a screenshot of what I'm (we're) talking about...
http://www.macaspen.com/text_shadow.gif

Hi Richard, when any file or folder on the destop is selected it exhibits the "text background" you are showing and when it not selected the text has a drop shadow. There may be some haxie out there that will change it for you but I know of no way to accomplish that from within the system.
-mj
[email protected]

I have seen that mozilla like internet explorer doesnt support text shadow in css

i came across this wonderful css script by which i can enable text shadow attribute to a text
http://www.w3.org/Style/Examples/007/text-shadow<- i found it here.
It does work in chrome and safari but IE8 and Mozilla 3.6 is having problems or doesn't support.

You're using an old version of Firefox that doesn't support it, and 3,0,19 is no longer supported by Mozilla.
https://developer.mozilla.org/En/CSS/Text-shadow

Merge Text and Outline to create cut contour

Hi there just wondering if anyone can help. I have a Roland Printer cutter and want to create text with its outline and then create a cut contour line around both. The problem I have is it creates two cut contour lines (one around the text itself and one around the text outline). This is a problem because my cutter then cuts out the text and its outline. Can anyone help create on cut contour line around the entire text outline?

I think I understand
1. after you give your text a stroke (outline)
2. select the text with the direct select or selection tool
3. Go to the Appearance panel and from the flyout select Add New Stroke
4. The stroke will be black and 1 pt and centered in you Outline (stroke)
5. Change the Strokeweight to the weight of the cut line, I think it is .25 pts but you know better than me.
6. Highlight the .25 pt black stroke in the Appearance panel
7. Go to Effects>Path>Offset Path and give it an offse half the weight of your Outline (Stroke)
Now the cutline will be where you want it

Rendering Drop Shadows and Text

You know... for a system that can play 16 video streams in HD and dynamically adjusts the playback quality to handle all of that to play in real time......
why does a drop shadow and crawling text require a render on 2 streams of SD video?
I'm editing plain NTSC 29.97 DV footage..... my sequence settings are the same as my clips... all footage plays fine and generates a green preview bar for when I start getting complicated..... but when i add a drop shadow....... no matter what.... no matter how many streams are on... (even if it's only one) red render required to play.
It just seems odd that it can handle so much more information than what a drop shadow seems to generate..... the same happens with scrolling or crawling text. Is there anyway to get this in a preview..... so i don't have to spend 4 minutes rendering something that might not even work the way I want it to in the first place?
FCP 5.1.3
G5 dual 2.7 - 17in MBP Mac OS X (10.4.8)

give it a couple more months
the drop shadow will be fine once the processing is offloaded to the GPU

Inline text-shadow style property missing

Hi, I'm wondering if anyone has come across this as I'm at a loss trying to debug it.
I create a composition with text that has a text-shadow. The text shadow is there when I preview in IE11. I upload to my own site and it works fine.
Update: I've checked the composition in the LCMS on other browsers and the text-shadow is there. Looks like it could be an IE issue.
However, when I upload to my clients LCMS, all works correctly, except there are no text-shadows. When I inspect the code produced, the inline text-shadow style property is missing i.e. it is not hard coded in! Everything else is as expected.
In order to deploy the composition to my clients LCMS, I have to change some image url's but otherwise, there are no differences.
I can't work out why the JavaScript is not writing the text-shadow to the elements.
Does anyone know where I can put checks in my JS to see what is happening?
Thanks for any help.
Cheers,
Patrick

Of course, text shadows are not supported in IE9 in particular. I am not sure whether filter is still supported though. You might want to check that out.
Try using filter instead in your css code like:
filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=45);
Note: keep text-shadow for the other browsers too.
Hope it works but I make no promise.

I want to do a border-radius with box shadow and it doesn't work, why?

This should be simple but it's not working and I don't know why. I think the problem is in the html.
I simply want to have a div with an image inside that is circular and has an inset shadow and is centered on the page.
/*here is my css*/
#div3 {
-webkit-margin:25px auto;
-webkit-border-radius:50%;
.box-shad{
-webkit-box-shadow: 15px 15px 15px #8 inset;

<body>
<div class="gridContainer clearfix">
<div id="div3" class="fluid"><div class="box-shad"><a href="index.html"><img src="images/Big-tree-trans1.png" width="900" height="700" alt=""/></a></div>
</div>
</body>
Here is my website: www.adjacentdimensionsmedia.com

I want a different drop shadowed image on each page. Is there a way to do that?
Sure. Copy & paste the following code into a new, blank document.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5 Document</title>
<style>
    margin: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
img {
    max-width: 100%;
    vertical-align: baseline
body { background: #069 }
header, footer {
    clear: both;
    width: 100%;
    padding: 0 2%;
    background: #CCC;
    color: #000;
    min-height: 50px
article {
    clear: both;
    width: 75%;
    min-height: 600px;
    padding: 0 2%;
    background: #FFF;
    color: #069;
    margin: 0 auto;
.shadow img { box-shadow: 1px 3px 5px #333 }
.radius img {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
.border img { border: 20px solid #069 }
.center {
    text-align: center;
    margin: 0 auto
</style>
</head>
<body>
<header>Header</header>
<article> <h1>Main content area</h1>
<div class="shadow radius border center">

<img src="http://placehold.it/500x325.jpg"> </div>
<h3>Heading 3</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae libero lacus, vel hendrerit nisi! Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus. Pellentesque aliquet aliquet ligula, et sagittis justo auctor varius. Quisque varius scelerisque nunc eget rhoncus. Aenean tristique enim ut ante dignissim. </p>
<p> </p>
<h3>Heading 3</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae libero lacus, vel hendrerit nisi! Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus. Pellentesque aliquet aliquet ligula, et sagittis justo auctor varius. Quisque varius scelerisque nunc eget rhoncus. Aenean tristique enim ut ante dignissim. </p>
</article>
<footer>Footer</footer>
</body>
</html>
Nancy O.

TExt Problems and Scrolling end credits

I am trying to make my final credits at the end of the feature I am working on. The problem I am having is that LiveType takes up too much space and s l o w s down the process making it close to impossible to work with.
So I picked FCP text scrolling but I want to make the character BOLD and actor name regular, but it won't let me. If I pick bold, it all goes bold and vice versa. Can someone help me find a way to select individual text and change it without changing all the text.
I looked in the forums but could not find anything.
Thanks

Well if FCP isn't doing it for you, then I would say look elsewhere, like Photoshop. When I did credits for a musical I shot, I needed to have some VERY versatile credits. The cast was in the traditional sense with the Character on the left and Actor on the right, but then there was the Pit, which was arranged in two columns, with different instruments in each column. At the end, I returned to the traditional titles for the crew but then needed a block of text for the Special Thanks. I used Photoshop with 720 pixels wide by something like 1,000 or even 2,000 pixels high, then once I brought the file into FCP, I sen an in/start keyframe and and out/end keyframe, and FCP did all the scrolling for me. By using PS, you can do ANYTHING you want to the text, bold, outline, heck-even drop shadows and glows, not like I'd want to though. While in theory, FCP should have better titling tools, at least there's a fairly simple alternative way in the form of Photoshop of doing complex titles.
-Brian

Text border or outline?

I looked around on the forum but could not find anybody who even asked this question.
How do I draw a border or outline around a piece of text? I tried using the graphic inspector to "stroke" the text. Unfortunately, it produces a border for the text box and not on the text itself.
So is there a way to draw a border around text?

Welcome to the forums!
Unfortunately, there is no (easy) way to treat text like other objects, such as adding a stroke. You can give the text a shadow, set the offset to 0, the blur to a low value, and the opacity at 100%, and this will give acceptable results if all you want is a very thin stroke.
To get a real stroke, the text needs to be turned into a real object. See this thread on how to do that with third-party apps.

Css text formatting

most css text formatting options can be found under the font or text family of properties
(ie font-size, font-family, text-align, text-shaddow ect)
but there are a few which do not fall under the text or font properties
letter-spaceing, line-height and colour are some examples
why are these not covered under font/text
it would be usefull if i knew that environments such as dreamweaver would hint at all avaliable options when i typed in text or font
and are there any other stand alone ones which i didnt mention.

Because that's the way the CSS 2.1 standard was written. They are not listed under font/text because they are not listed that way under the CSS 2.1 spec. Reading through the spec will let you see how the authors of the spec organized things: http://www.w3.org/TR/CSS21/.
Dreamweaver does hint at them when you start typing in code-view (via autocomplete). But you have to know at least the first letters of the CSS code you're trying to write.
The issue you're experiencing lies more with the organization of the CSS 2.1 specification then with Dreamweaver. Could Dreamweaver maybe make it easier to discover the other CSS attributes (like line height) that impact font/text? Probably. But it may just be easier to learn the language.

Text size and preferences

I'm not sure exactly how to phrase the question as what I've
tried so far is not proving to provide the answer. Even if this is
a really obvious answer, I'm hoping someone will help me??? Or, if
the question is oblique, let me know!!! Please??
When designing pages prior to upgrading to DW8 (used DW4), I
had font sizes to choose from that were 1, 2, 3, and so on. In DW8,
when working on a page, my font sizes are 9, 10, 11 etc., similar
to when designing a print item, or they are small, x-small or
xx-small. Now, when I've designed a page to display the font in 10
or x-small and publish, it's relative to a 1pt the old way. But,
I've also noticed that when I make the font an 11 or 12, or small,
then the size is inconsistent in browsers - FF vs. IE 7 (which
makes it more like a medium or almost large).
QUestion is how to get my font sizes back to 1,2,3, turning
on the text type (to points, pixels etc.) drop down which is now
grayed out. Before, I knew that a font size 2 was consistent across
browsers and have been unable to find a way to get back to it,
short of manually going into the code, removing the <span> or
<span class> and reverting to <font size=2 face=Arial>
Anyone???? I can't find this in help, as like I said, I may not be
asking the right question. I've set the pages up to be be Xhtml
trans. would that have something to do with it?
Also, how do modify the seemingly intuitive CSS that is
created for everything text? It appears to be adding considerably
more code to a page and I'm certain that there's a cleaner more
expedient way to format this. New to CSS as well and am
tutorializing myself on it - but meanwhile, the code view is full
of 'intuitive' css!!

designonthefly wrote:
> I'm not sure exactly how to phrase the question as what
I've tried so far is
> not proving to provide the answer. Here's the sitch
--> I'm new to DW 8 and
> used DW 4 up until recently.
>
> When designing pages, I had font sizes to choose from
that were 1, 2, 3, and
> so on. In DW8, when working on a page, my font sizes are
9, 10, 11 etc.,
> similar to when designing a print item, or they are
small, x-small or xx-small.
> Now, when I've designed a page to display the font in 10
or x-small and
> publish, it's relative to a 1pt the old way. But, I've
also noticed that when I
> make the font an 11 or 12, or small, then the size is
inconsistent in browsers
> - FF vs. IE 7 (which makes it more like a medium or
almost large).
>
> QUestion is how to get my font sizes back to 1,2,3,
turning on the text type
> (to points, pixels etc.) drop down which is now grayed
out. Before, I knew that
> a font size 2 was consistent across browsers and have
been unable to find a way
> to get back to it, short of manually going into the
code, removing the <span>
> or <span class> and reverting to <font size=2
face=Arial> Anyone???? I can't
> find this in help, as like I said, I may not be asking
the right question. I've
> set the pages up to be be Xhtml trans. would that have
something to do with it?
>
> Also, how do modify the seemingly intuitive CSS that is
created for everything
> text? It appears to be adding considerably more code to
a page and I'm certain
> that there's a cleaner more expedient way to format
this. New to CSS as well
> and am tutorializing myself on it - but meanwhile, the
code view is full of
> 'intuitive' css!!
>
1. DW8 has evolved and adapted to current web design
standards, CSS is becoming omnipresent and you
need to start learning some if you're serious about web
design.
2. the <font> tag is deprecated, and it is replaced by
CSS. CSS is by far the best way to deal with
your font styles (as well as many other things), you won't
look back once you get used to it.
3. There is no more consistency bewteen font size in
deifferent browsers using <font size="2"> than
using css such as:
.someClass{
font-size:12px;
or:
.someClass{
font-size:1em;
In all cases the size will be slightly different from browser
to browser.
Right now you are applying font styles via the Property
inspector (bottom of your screen), therefore
Dreamweaver creates many unique styles on the fly. That's the
'intuitive' way as you call it, but
it's not the best way at all.
Consider instead creating an external style sheet (open CSS
panel, create a new style, select
external style sheet, then link your style sheet to all your
pages). This will actually save you a
lot of code and make it easier to update/change your styles
across your entire web site.
You can find lots of css tutorials on the web, and lots of
info in Dreamweaver HELP, looking for css
or styles.
seb ( [email protected])
http://webtrans1.com | high-end web
design
Downloads: Slide Show, Directory Browser, Mailing List

Trying to do .CSS drop shadows

Hi,
I'm trying to get a similar look and feel as this website
Livingsteel.org but can't
seem to crack the drop shadow for the main table/container. It's
the one down that covers the bottom and right side and makes the
site look very tidy.
I'm trying to do everything in .css from now on and any help
with this would be great.
Thanks in advance,
JW.

Well you can certainly do it with a table (and format the
table with CSS).
However to do it with divs, I would have a top div with the
top bar (and
the right corner of the shadow), a main div with the shadow
on the right
in the bakcground, and a bottom bar with the shadow and a bit
of the
bottom white.
Like this:
Course you can simply use divs to create the dropshadows as
you would do
it in a table.
You would more or less have a topleft corner div, a middle
top div, a
topright corner div etc.
The more light way of doing this would be to see if you can
accomplish
the first suggestion by using existing elements (for example
having the
background of the footer and header contain the background
and shadows).
There are a bunch of sites around that explore rounded
corners and
dropshadows with css and divs.
Misha
jamestom77 wrote:
> Hi,
> I'm trying to get a similar look and feel as this
website
>
http://www.livingsteel.org/
but can't seem to crack the drop shadow for the
> main table/container. It's the one down that covers the
bottom and right side
> and makes the site look very tidy.
>
> I'm trying to do everything in .css from now on and any
help with this would
> be great.
>
> Thanks in advance,
> JW.
>

Why do I get a colored shadow behind shadow and feather transparency areas when printing?

Hello,
I've been pulling my hair out over this and finally went to my printer to ask if they had insight as to why this is happening. I'll include his reply here but would like to hear your expert opinions too!
When laying out a file in InDesign, I do a lot of overlapping, feather and some drop shadow and always get a colored shadow behind the transparency area when printing out from a pdf. These files are being designed for print, which is what I thought InDesign was created for - as an updated alternative to Quark and Pagemaker? Here is what the printer says:
"Ive taken a look at the file in question and the issues this lady is experiencing can not be resolved in InDesign. What she needs to do is build the background image with color overlays all in Photoshop as a Layered PSD. Then flatten it and pull it in to InDesign as a Tiff. Then she can place her text over the top of it. She needs to use image masks on the color overlays - for the areas she does not what the color to violate.
What it comes down to is these fancy design effects out of InDesign and Illustrator should never be used for printing. They can be used for web design. Reason is, they cause RIP problems. Things fall off the file and transparent areas go away just to name a few. This happens all the time."
I would appreciate any other viewpoints here. Can I really NOT use the shadow and feather functions in InDesign for print? Are there any other ways to approach this problem other than what is being advised here. It is SO much easier to produce the entire file in InDesign.
Here is a link to the pdf. If someone would like to see the original indd file, I can post it somewhere.
http://displaysunlimitedinc.com/test/panel_3_text.pdf
There is a 1 inch blur drop shadow on the black and white temple image; a 1 inch feather on the black and white screened back image behind the main text box; and no drop shadow or feather on the map at top right, yet I get a colored shadow behind all 3 of these areas when I export the indd file to pdf and print that out. The fact that I get a shadow behind the map puzzles me.
Thank you very much in advance.

Horgycat,
The CMYK/RGB question is actually pretty complex, and depends to a great extent on how the final output is going to be produced.
If the files are destined for a printing press, all RGB elements must be converted to CMYK prior to printing. You have the option of doing that before placing in ID, or during export to PDF, and there are pros and cons to both methods, but if you don't know until the last minute what the print conditions will be, the convert on export path is more flexible.
Spot colors are a different matter. As far as I'm concerned, you should NEVER specify a spot color unless you are actually using spot ink on a press. A lot of inkjet and laser devices claim to be Pantone certified, but the reality is that even with expanded gamuts available using more than four inks, I'd estimate that better than half the Pantone solids are not reproducible as simulations that would satisfy me or my clients. The convert spot to process route should only be used, in my opinion, when you've designed a job properly to be printed using spot colors, and suddenly you have an output change or an added image that forces you to move to a process output. The last time I tried it, by the way, I had issues at the printer (the regular prepress guy was out of town, so I'm not sure what went wrong) and I ended up re-building the file with real process colors to get the transparency to work.
But you mentioned that you are doing exhibition panels, which implies to me that they are probably NOT going on a press -- you need to do hundreds, or sometimes even thousands, of copies to make a press cost-effective compared to digital printing. I used to work in a large-format output bureau doing just this kind of work, and we used large inkjet plotters. In this case, mixed RGB and CMYK files are less of an issue since most plotters will handle either, and depending on if they have an internal or external RIP or none at all, you may actually get better color fidelity using RGB as CMYK colors may get converted in the RIP to the RGB values that the plotter understands, and then get converted back a second time to CMYK (CMYKOG or whatever ink combination is used) internally before the ink is sprayed. Only the print provider would be in a position to tell you the correct color space for the equipment.
Which of course puts you at a bit of a disadvantage working with a client out of state who isn't supplying you with such necessary information as the correct output profiles for the job. It will be a miracle if the color is close.
A final word about looking funky on screen. Just as many spot colors can't be well simulated in CMYK, many also cannot be displayed adequately on a monitor. The ONLY way to choose spot colors is with a swatch book, and that's what the press operator will be using to verify his work. Clients need to be educated about the differences in technology and the limitations of soft proofs.

Why does some text convert to outlines when opening a PDF in AI?

I often have to open PDFs saved from InDesign CS5 in Illustrator CS5 (Mac). These PDFS are saved from InDesign using Press or PDFX1-a settings.
When I open them in AI, I get the warning that "to preserve appearance, some text has been outlined".
Of course, I do not want this to happen.
The text that gets outlined is nothing special. It is seemingly at random within a paragraph or within a cell of a table. In the screen shot below, live text has the blue underline; outlined text does not.
I can see no rationale for it. There is no transparency involved. Just black text on no background. There is no special "appearance" that needs to be preserved. Fonts are all Adobe OTF (Myriad Pro shown below).
Can anyone explain why this happens?

PDFs are not supposed to be edited as a rule.
Lots of odd things can happen to text (but also other objects) when you open a PDF - that is not a pdf with the editable Illustrator file saved within it - and try to edit it.
Illustrator is not a general purpose editor of pdf files.
PDF files are supposed to be an end-format, not a format that you edit.
What happens to text in a pdf when opened in Illustrator is perfectly normal. There isn't really much you can do about it except recreate the text in Illustrator from scratch, with the desired font, and re-export to the pdf-version you need.

CSS text shadow and outline.

Similar Messages

Maybe you are looking for