2011-01-21 9 views
5

Acabo de utilizar @ font-face. Una de las ventajas inesperadas es que en lugar de utilizar el nombre de fuente adecuada puedo elegir una más útil, que es útil para reskinningAlias ​​para fuentes en CSS

por ejemplo, en lugar de

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

puedo tener

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

Entonces, en mi sitio, puedo tener, por ejemplo,

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

... bastante útil como el sitio que estoy trabajando se sindicados, y puedo fácilmente sólo servir hasta diferentes definiciones @ font-face para diferentes editoriales.

Después de ese extenso preámbulo, mi pregunta es "¿Hay alguna manera de tener un alias para una de las webfonts normales?" De modo que puedo tener, por ejemplo, "Body Text" como alias para Arial, pero de modo que podría cambiar la declaración de "font text" @ font-face para usar una fuente diferente si quisiera.

Respuesta

11

Estoy bastante seguro de que la respuesta es no. ¡Pero si hay una manera que realmente me gustaría saber al respecto!

Una manera en que fuerza trabajo sorta es:

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

No puedo creer que me haya perdido esto. Funciona un placer – wheresrhys

0

Esto se puede hacer de la misma manera que haces otras fuentes web mediante la subida de los archivos de fuente Arial a su servidor y les declara la misma manera que lo haría sus otras declaraciones @font-face, señalando src a estos archivos. Independientemente del hecho de que estas son fuentes web estándar, no estoy seguro de si hay problemas de licencia con esta técnica.