CSS: Bulletproof @ font-face: Smiley variation

Possible duplicate:
CSS @ font-face - what does "src: local ('☺')" mean?

Hi,

I came across this article - Bulletproof @ font-face syntax

http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/

Here is the syntax of a bulletproof,

@font-face { font-family: 'Graublau Web'; src: url('GraublauWeb.eot'); src: local('☺'), url('GraublauWeb.otf') format('opentype'); } 

but I don’t understand what it says about the emoticon in local (). What does it mean? Is it a standdard that is supported on browsers, PCs and Apple? Can I add something else?

Here is what he explains

Added 2010.02.04: Concern about specifying local font names. The main reason is that you are cede control for the user machine, a potentially installed font instead of the one you want to serve. While this will load faster, there is a very small chance the file may be incorrect.

To account for this information, I specified the local font name '☺'. Yes, this is a smiley face. The OpenType spec specifies any double-byte unicode characters will not work in a font name on a Mac, so this reduces the likelihood that someone actually released a font with that name. This technique is recommended if you think a locally installed version of this font is not in your interest.

thanks.

+4
source share
1 answer

A smiley is used as the name of a font that cannot exist (or at least is highly unlikely), so a local font that has the same name as the target focus will not be used

+3
source

All Articles