: How do I reproduce in Illustrator the typeface that the web browser is displaying? I'm trying to figure out how to reproduce the exact typeface of a font being displayed on my web site in

I'm trying to figure out how to reproduce the exact typeface of a font being displayed on my web site in order to use it as a typeface for a logo in Adobe Illustrator.

The text is AJ Acevedo in the header of ajacevedo.com. Which appears to be an italic and bold version of 'Lucida Grande'. At least on a mac using Safari.

The problem is that a bold/italic version of 'Lucida Grande' does not exist.
A close comparison reveals that the browser is not falling back to the 'Lucida Sans Demibold Italic'.

Here is the css for the .site-title

.site-title {
font-family:"Lucida Grande", "Lucida Sans Demibold Italic", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
font-weight: bold;
font-style: italic;
text-decoration: none;
}

The question is:
How do I reproduce the typeface that the browser is displaying for .site-title in a native OS app like Illustrator?

NOTE: If you do not have 'Lucida Grande' installed, your browser will fall back to 'Lucida Sans Demibold Italic'.

10.01% popularity Vote Up Vote Down

: Converting B&W to vector line art? This may be a very basic question for this forum but here goes. I am beginning to create masks for sandcarving using UV film and I need to use B&W

@Cofer715

Posted in: #Inkscape #LineArt #Vector

2 Comments

: Is it possible to flip a spread horizontally in indesign cs4? I am working on a 3 fold a4 brochure in indesign cs4. I found a template with all the guides and margins but it is only for

@Cofer715

Posted in: #AdobeIndesign #Cs4

1 Comments

: How to display available dates? I have an end user who is the admin for a website and they insist on showing the available dates to the customer. They are showing the showings literally like

@Cofer715

Posted in: #UserExperience #Visualization #WebsiteDesign

1 Comments

: Set Background of Adobe Flash Layer to Transparent Is there a way to make a layer's background transparent? I have a background image that is a little smaller than the frame size, so there

@Cofer715

Posted in: #AdobeFlash #Background #Layers #Transparency

2 Comments

Login to post a comment!

1 Comments

Sorted by latest first Latest Oldest Best

@Ravi4787994

It's possible that your browser is applying faux-bold and faux-italic styles to your text. I can only make assumptions without testing it, but I'd guess that your broswer is using Lucida Grande yet it is skewing and fattening the glyphs since there is no bold or italic versions available.

If you want to produce a vector version of this faux bolded and italicized font, you can use a PDF printer to print the page and the text should be saved as outlines. I used Acrobat as a PDF printer. My browser falls back to use Lucida Sans Demibold Italic, but for illustration purposes here is the resulting page outlines (printed from Chrome, viewed in Illustrator):

You can grab your vector logo from there.

10% popularity Vote Up Vote Down

Feed

: How do I reproduce in Illustrator the typeface that the web browser is displaying? I'm trying to figure out how to reproduce the exact typeface of a font being displayed on my web site in

More posts by @Cofer715

: Converting B&W to vector line art? This may be a very basic question for this forum but here goes. I am beginning to create masks for sandcarving using UV film and I need to use B&W

: Is it possible to flip a spread horizontally in indesign cs4? I am working on a 3 fold a4 brochure in indesign cs4. I found a template with all the guides and margins but it is only for

: How to display available dates? I have an end user who is the admin for a website and they insist on showing the available dates to the customer. They are showing the showings literally like

: Set Background of Adobe Flash Layer to Transparent Is there a way to make a layer's background transparent? I have a background image that is a little smaller than the frame size, so there

Login to post a comment!

1 Comments

Back to top | Use Dark Theme