2011-01-21 7 views
5

Ho appena iniziato a usare @ font-face. Uno dei vantaggi inaspettati è che invece di utilizzare il nome del font corretto consentire di scegliere un più utile uno, che è utile per reskinningAlias ​​per i caratteri nei CSS

ad esempio, invece di

@font-face { 
    font-family: Museo Slab; 
    src: ... 
} 

posso avere

@font-face { 
    font-family: Branding Font A; 
    src: ... 
} 

Quindi in tutto il mio sito posso quindi avere eg

h1 { 
    font-family: Branding Font A, Georgia, Serif; 
} 

... molto utile come il sito su cui sto lavorando saranno venduti, e posso facilmente solo servire diversi @ font-face definizioni per diversi editori.

Dopo questo lungo preambolo, la mia domanda è "C'è un modo per avere un alias per uno dei normali webfonts?" In modo che io possa avere ad esempio "Body Text" come un alias per Arial, ma in modo tale che potrei cambiare la "Body Text" @ dichiarazione font-face per usare un font diverso se volessi.

risposta

11

Sono quasi sicuro che la risposta è no. Ma se c'è un modo mi piacerebbe davvero saperlo!

Un modo che forza lavoro sorta è:

@font-face { 
    font-family: Alias; 
    src: local('Arial'); 
} 
+0

Non posso credere di aver perso questo. Funziona a meraviglia. – wheresrhys

0

si può fare questo allo stesso modo di fare altri tipi di carattere web caricando i file di font Arial sul server e dichiarando nello stesso modo si farebbe le altre dichiarazioni @font-face, indicando lo src in questi file. Indipendentemente dal fatto che si tratti di caratteri web standard, non sono sicuro che ci siano comunque problemi di licenza con questa tecnica.