font-family per Futura Condensed Extra Bold non funziona

Question

Hey ragazzi mi sento come un muppet per chiedere questo, ma come posso ottenere Futura Condensed Extra Bold per presentarsi in CSS.

Prima che qualcuno lo dica, sì sono consapevole che quelle persone Windows là fuori non saranno in grado di vederlo ma questo è per la comunità Mac, comunque in questa fase non riesco nemmeno a vederlo e ho il font installato sul mio sistema.

Quindi ho provato così tante varianti di questa frase ma nessuna funziona. Ho provato con e senza virgolette, spazi, trattini, tutti i tipi, ma non funziona ancora.

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

Ecco uno screenshot del font installato, come si può vedere il nome che ho usato corrisponde al nome PostScript troppo.

Screenshot of Font Book

cumuli Grazie,

Leigh

Answer 1

Probabilmente il nome non è quello in cui i browser sanno. Questo potrebbe essere diverso dal nome PostScript. Prova a utilizzare uno tool for listing installed fonts (vedere il suo explanations) per determinare il nome. La mia ipotesi è che potrebbe essere "Futura Condensed ExtraBold".

Answer 2

Anche i nomi dei caratteri sono notoriamente incoerenti, quindi potrebbe essere un problema. Hai provato @font-face? È un modo più affidabile di fare riferimento a caratteri non standard. Vai su http://www.fontsquirrel.com/fontface/generator

Avrai bisogno di un OTF o TTF del tuo font. Farà il resto per te e comprimi una demo e i font convertiti.

Answer 3

La maggior parte delle persone che utilizzano Futura sul Web sta caricando attraverso servizi come Typekit. Quindi se stai vedendo questo carattere di frequente sui siti che ti piacciono è per questo motivo. Consiglio di provare questo servizio o uno simile in modo che tutti possano vederlo. Credo che ci sia uno libero personale ed è solo un'installazione di script. Quindi il tuo

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

funzionerebbe. Basta controllare cosa usa Typekit per caricare questo. Credo che ci sia sarebbe

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

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

Answer 4

avuto un problema simile me stesso. In Firefox potrebbe essere necessario utilizzare solo "Futura" con le proprietà font-stretch e font-weight. Webkit/Blink riconoscono il carattere sillabato. Questo ha funzionato per me cross browser su un Mac:

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

client di posta elettronica web striscia fuori CSS, in modo da testarlo.

Answer 5

A parte l'iconica Futura Condensed Extra Bold, usano anche Trade Gothic Condensed Bold sulle intestazioni a nike.com