2012-08-02 18 views
8

Hola chicos, me siento como un muppet por preguntar esto, pero ¿cómo puedo obtener Futura Condensed Extra Bold para mostrar en CSS.font-family para Futura Condensed Extra Bold no funciona

Antes de que alguien lo diga, sí, soy consciente de que esas personas de Windows no podrán verlo, pero esto es para la comunidad Mac, de todos modos, en este momento ni siquiera puedo verlo y tengo la fuente instalado en mi sistema

Así que he intentado tantas variaciones de esta frase pero ninguna funciona. Lo he intentado con y sin comillas, espacios, guiones, todo tipo, pero todavía no funciona.

font-family: "Futura-CondensedExtraBold", sans-serif; 

Aquí hay una captura de pantalla de la fuente instalada, ya que puede ver que el nombre que utilicé también coincide con el nombre PostScript.

Screenshot of Font Book

Gracias montones,

Leigh

+3

1 para sentirse como un Muppet. Realmente no sé lo que significa sentirse como un Muppet, pero me hizo sonreír. – gilly3

+0

¿Por qué no intentas incluir esa fuente en CSS con @ font-face? –

+0

Porque el resultado final de esto será un correo electrónico HTML y, desafortunadamente, no es compatible con font-face – hath22

Respuesta

2

Probablemente el nombre no es el que está bajo el cual los navegadores saben. Esto puede diferir del nombre PostScript. Intente usar un tool for listing installed fonts (vea su explanations) para determinar el nombre. Supongo que podría ser "Futura Condensed ExtraBold".

1

Los nombres de las fuentes también son notoriamente inconsistentes, por lo que podría ser un problema. ¿Has probado @font-face? Es una forma más confiable de hacer referencia a fuentes no estándar. Dirígete a http://www.fontsquirrel.com/fontface/generator

Necesitarás un OTF o TTF de tu fuente. Hará el resto por usted y comprimirá una demostración y las fuentes convertidas.

4

La mayoría de las personas que usan Futura en la web se están cargando a través de servicios como Typekit. Por lo tanto, si ve este tipo de letra con frecuencia en los sitios que le gustan, es por este motivo. Recomiendo probar ese servicio o uno similar para que todos puedan verlo. Creo que hay uno personal gratuito y solo es una instalación de script. Entonces su

font-family: "Futura-CondensedExtraBold", sans-serif; 

funcionaría. Simplemente verifique qué Typekit usa para cargar esto. Creo que hay sería

font-family: "futura-pt-condensed", sans-serif; font-weight: 600; 

https://typekit.com/fonts/futura-pt-condensed

1

Tenía un problema similar a mí mismo. En Firefox es posible que necesite usar solo "Futura" con font-stretch y font-weight propiedades. Webkit/Blink reconoce la fuente con guiones. Esto ha funcionado para mi navegador cruzado en una Mac:

font-family: "Futura-CondensedExtraBold", Futura, sans-serif; 
font-stretch: condensed; 
font-weight: bold; 

Los clientes web de correo eliminan CSS, así que pruébelo.

1

Aparte de la icónica Futura Condensed Extra Bold, también utilizan Comercio Condensada Gothic Bold en epígrafes al nike.com