A font is an electronic data file containing a set of glyphs, characters, or symbols such as dingbats. Although the term font first referred to a set of metal type sorts in one style and size, since the 1990s most fonts are digital, used on computers.

learn more… | top users | synonyms (1)

13
votes
3answers
12k views

If I have only WOFF and EOT, what browsers am I supporting with @font-face?

We're looking at buying a font which only allows its use on the web in the provided formats: WOFF and EOT. I'm not sure what browsers those work in and can't seem to find up to date information. What ...
10
votes
2answers
565 views

Legal Web Fonts & Licensing

So I'm a little confused in regards to legality of using fonts for web. Often from designers I get a PSD file and it uses a special font, and the font is supplied. However attempting to convert the ...
10
votes
5answers
5k views

is 'bookman old style' web safe

Is 'Bookman Old Style' web safe? If not, is there something that looks similar which is web safer?
8
votes
3answers
6k views

How can I make fonts render the same way across different web browsers?

I am building a website for a client, and we had hoped to use plain text, not images in the navigation bar. The font we are using is Century Gothic (I believe that this font is available on the ...
7
votes
6answers
448 views

Font resizing widgets: worth it?

I see some text-heavy sites implement the little JavaScript widgets that allow you to choose smaller or larger text sizes on sites. (e.g.: as described on the Guardian's website) Are these little ...
7
votes
2answers
671 views

@font-face, google fonts and SEO

Someone I know claims that search engines like Google have trouble with fonts that aren't the old standard fonts of yesteryear, resulting in pages not getting parsed by search spiders, and that to be ...
7
votes
1answer
834 views

Unknown CSS font-family oddity with IE7-10 on Windows Vista, 7, 8

I am seeing the following "oddity" with IE7-10 on Windows Vista, 7, 8: When declaring font-family: serif; I am seeing an old bitmapped serif font that I can't identify (see screenshot below) instead ...
6
votes
3answers
468 views

Optimizing (reducing) web font requests

My homepage currently uses 5 web fonts--I'd like it to be 6 due to spotty support for Helvetica Neue. One of the fonts is 'FontAwesome' icons, the other 4 are only used for a word or two (i.e. I have ...
6
votes
6answers
2k views

How to find the exact font used by the browser

I have used the CSS style sheet as font-family:arial,helvicta,sans-serif. When I checked it in browser, I don't know which font it is using from the font-family. I want to know the exact font used ...
6
votes
2answers
1k views

Font rendering issue

I realized there are problems about how fonts are rendered in different browsers/OS for a site I'm working on. I'm using Cantarell from Google Web Fonts, size 16px, it that matters. Here is some ...
6
votes
2answers
2k views

Why The W3C CSS Validation Service is showing Value Error : font / is not a font-family value : 11px / 14px “Trebuchet MS”,sans-serif

I tried to validate my css code using W3C tidy and the w3c website is showing me the error that Value Error : font / is not a font-family value : 11px / 14px "Trebuchet MS",sans-serif So ...
6
votes
2answers
611 views

Including specific characters with Google Web Fonts

I'm using the Open Sans web font from Google Web Fonts on my website. I only need the basic latin subset, but I do use the Psi (Ψ) character quite often as well and I would like to use the Open Sans ...
5
votes
4answers
2k views

Is it time to drop Courier from your monospace font stacks?

I've been fine-tuning my font stacks lately and was wondering if it's safe to drop Courier from my monospace font stack yet? Would you feel comfortable dropping it? Of course, monospace is my final ...
5
votes
1answer
67 views

Firefox 22+ large font workaround

I'm working on a website and Firefox is displaying it's font extremely large. Chrome and Safari are displaying normal font size. Chrome uses the WebKit rendering engine. Firefox uses the Gecko engine. ...
5
votes
1answer
781 views

Pros and cons of the Google font API

I am currently using a font from the google font directory on my website. I don't fully understand how it works, but it seems like when someone opens my site, their browser is told to go and fetch the ...
4
votes
3answers
8k views

Need to use Helvetica in CSS

What's the most suitable font replacement technique - technically, legally and in terms of accessibility - to use a Helvetica font in my website? Up to now I've used sifr as a font replacement method, ...
4
votes
2answers
2k views

Why is <strong> in Safari significantly bolder than other browsers?

I am just about to go live with a new website - and during cross browser testing i noticed that the bold fonts in safari are FAR bolder (horribly chunky) in Safari than in the other big 4. The font ...
4
votes
4answers
588 views

Are icon fonts bad for SEO?

Instead of using <img> tags for your icons, you can use icon fonts on <span> tags (which offer some advantages such as not having to create a sprite, being able to scale icons up/down ...
4
votes
1answer
4k views

What is the default serif, sans-serif and monospace font-family for Mac OS X?

Beginning with OS X 10.0 Cheetah, and assuming they are the same through the current release 10.8 Mountain Lion, what are the default fonts rendered for the following font-families? font-family: ...
4
votes
2answers
245 views

How do I choose the proper font & size for my site?

I once saw a textbook that recommended a certain pica range for each of several various fonts. Is there any online guide that's available? What are my options? What should I know as a beginner?
4
votes
3answers
545 views

Website using different fonts across different browsers

The navigation board items on my website at www.amsa.mn uses the wrong font when displayed with Firefox. The correct font is loaded when I access the website with Safari or Chrome. Is there any way to ...
4
votes
3answers
825 views

Most Popular Fonts used in Webpages and their Fallbacks?

This is a two part question, the second question is dependent on the first: What are the most popular fonts used on web pages? (the top half dozen will suffice). Include the proper CSS fallbacks for ...
4
votes
1answer
67 views

How to find fonts that don't alias in Windows

I've been looking for roman fonts for my website, and I've found that all of them end up looking aliased and jaggy on windows (point your browser at http://tustincommercial.com to see what I mean). ...
3
votes
3answers
372 views

How to reuse font families in CSS for quicker CSS loading

Let's say I use different fonts on my page, let's say I use 3 different fonts in 10-20 different CSS rules and in each of them I must use the following and similar: font-family:"Lucida Sans Unicode", ...
3
votes
2answers
191 views

Rendering IPA characters like 'ŋ' correctly

(I hope this isn't too dumb a question) When I go to this Wikipedia article: http://en.wikipedia.org/wiki/International_Phonetic_Alphabet These 'special' phoenetic characters, such as 'ŋ' render ...
3
votes
3answers
1k views

Anti aliasing problem

I am auditioning fonts on google web fonts and one that I was discounting was Ubuntu because it looked a bit jagged ( screenshot below taken straight from google); however afterward I read an article ...
3
votes
1answer
113 views

Fonts: Is changing the default font a good practice?

I've searched PW, but I saw that no one has asked specifically yet. Is changing the default font a good practice for the main body font? What are the pros and cons to using different fonts? This ...
3
votes
8answers
392 views

How to choose a font for a website?

How to choose a font for a website that is readable,usable,authority ?
3
votes
1answer
494 views

Converting Free / Paid Fonts via fontsquirrel for Web Use

I was trying to upload a GillSansMTPro-Book font to fontsquirrel.com/fontface/generator But I got this message Monotype has requested that their font Gill Sans MT Pro Book be blacklisted by the ...
3
votes
3answers
8k views

'Helvetica Neue' webfont

I am trying to figure out where do all sites that use the 'Helvetica Neue' font get it from. There are certainly too many sites using it for it not to be free. But frankly, there are only two ...
3
votes
1answer
2k views

Cufon text replacement and IE8 standards mode

I have a perculiar issue. In IE8 standards mode text replaced by Cufon.Replace works roughly 50% of the time, the rest of the time the DOM modifications are there (viewed through IE developer toolbar ...
3
votes
1answer
718 views

What's the pro/cons of Adobe TypeKit API? Any best practices?

With all the Open Source fonts I have available, and I can download them via the CSS font directive, what's the benefit of the TypeKit API? Are there drawbacks of this? How does it work technically? ...
2
votes
2answers
351 views

Use of rare fonts on the web

I have just been peeking at the source code of a web page. I notice that there is a CSS rule that defines what seems to be a rare font for some nice-looking subheadings. Html (Source file) ...
2
votes
3answers
154 views

safe to assume microsoft core fonts would be installed on client linux?

How safe is it as a web designer to assume that msttcorefonts would have beeb installed on a client machine viewing my website? If not what sans serif fonts should I use then? (for body)
2
votes
2answers
190 views

Are there privacy considerations in using Google web fonts?

I am required to create the design of a website for my institution. I am not a designer or webmaster, and I am very badly informed in this area. I am already a bit stuck in the font selection. The ...
2
votes
2answers
391 views

Curious CSS: “font-family: restore-n8;”

Found some curious CSS in the source for http://contrastrebellion.com/: font-family: restore-n8, restore-1, restore-2, sans-serif; Restore-n8 and the like don't seem to be font names. What does ...
2
votes
5answers
485 views

How to design a slogan [closed]

Which tools and techniques do you use for designing slogans on website? I tried this one but I wasn't satisfied with it. There is little choice of usable designs and it is aliased in firefox (in ...
2
votes
1answer
109 views

Wordpress layout and font changes between www.example.com/blog and example.com/blog

A WordPress installation using http://www.example.com/blog shows a wrong font (and due to that a wrong layout) whereas using http://example.com/blog shows the correct font and layout. This happens on ...
2
votes
1answer
224 views

How does font-size work in CSS

Could you please explain me or send me a link where is explained how does CSS property font-size work?When you're working with relatives sizes in %. It's the percent of what? What are best practices ...
2
votes
4answers
42 views

Which fonts are the most common ones across different devices?

What is the most common font on different desktop and mobile devices. I need my website texts to have the same look and size on different devices.
2
votes
1answer
2k views

A tool to test web fonts on a live site

Are there any browser/online tools to quickly test a live site with web fonts, like Google Web Fonts? So, as I see it, I visit any site, for example, microsoft.com and click something like Analyze ...
2
votes
2answers
39k views

What font does Apple use on iPhone?

I like the font, it is very clear to read it even when the text is very small and it looks very neat.
2
votes
1answer
119 views

Using licensed custom fonts for commercial site

What are the legalities regarding using licensed fonts for webpages? It will be used for a for a commercial site. I do not want to get into trouble by using it without a license, (although I do hear a ...
2
votes
1answer
32 views

Performance hit of a lot of unused font-faces

If you have an html file, and in that html file you link to styles.css which covers all the styling of the page. Then inside of styles.css you have something like @import url('../css/fonts.css'). ...
2
votes
1answer
427 views

Is Lucida Sans Typewriter installed on Mac OS X by default?

I'm updating my font stacks and I'm finding contradictory information on the install base for Lucida Sans Typewriter. According to this page and this page, it is installed on 99% of all Macs. ...
2
votes
1answer
1k views

Adding custom fonts to Tumblr

I'd like my tumblr blog to display a custom font, and to do so, I have to add the font directory to my blog by adding the URI (e.g url('../font/fontawesome-webfont.svg#FontAwesomeRegular'). If Tumblr ...
2
votes
1answer
315 views

A standard glyph map for using symbol / dingbat / icon fonts

I was wondering if there exists or should exist a standard glyph map for icon/symbol fonts. That way if you have a system/theme with thousands of sites running you could easily change styles of the ...
2
votes
1answer
243 views

Is it still recommended to only use relative font-size for accessibility?

I have read in the past that it is recommended to use only relative sized fonts in web pages of accessibility. Is this still the case? Using Bootsrap from IE7, for example, which uses body{ ...
2
votes
1answer
257 views

How to properly convert a UTF8 truetype font to use on web?

I'm trying to embed this UTF8 truetype font (the font contains Persian characters) in the web and I use this service to convert it to proper formats. The only problem is, it's not working on Google ...
2
votes
2answers
309 views

DPI scaling - fonts - Browser Compatibility Problems

Many times windows 7 users, go at Control Panel - Display Options and choose a custom DPI setting (ie 110%) to increase font size in cases that they have big monitors and cannot see clearly. In this ...