@ font-face vs Google Fonts vs Cufon

Question

Quindi sono stato costretto dalle circostanze a utilizzare @ font-face su un sito che sto sviluppando, e devo dire che sono impressionato dalla qualità di rendering del cross browser rispetto a Google Fonts, ma sembra avere un forte impatto sulle richieste http rispetto a Cufon, in quanto occorrono quattro varianti per font per la copia del corpo e talvolta un paio per le intestazioni.

In generale ho lavorato con cufon in quanto ho trovato che è flessibile, affidabile per browser e browser e, nonostante alcuni problemi di spazio bianco occasionali, è facile da utilizzare. Non ho fatto molto con i font di Google in quanto il rendering fa schifo in alcuni browser.

Ovviamente la tecnologia è andata avanti! In che cosa differiscono questi tre, ci sono delle insidie ​​serie con nessuno dei tre?

Answer 1

Penso che ci siano due considerazioni da scegliere tra @ font-face, browser default e cufon.

1. Quanto facile sarà per voi per mantenere il look del tuo sito utilizzando CSS

Quando si utilizza una soluzione di javascript per qualsiasi parte del sito, è importante (almeno per me) che la il sito sembra decente con o senza javascript. Ciò significa che se un utente fa clic su "stop" prima che la pagina finisca il caricamento, il tipo sarà ancora al suo posto all'interno del progetto. Questo significa avere un fallback usando i font predefiniti. In passato ho trovato che questo è davvero problematico in quanto le altezze delle linee dei font cufon possono differire drasticamente da quelle dei font regolari, rendendo necessario scrivere css superflui per controllare questi casi più le irregolarità tra browser - in breve, dolore nel culo.

Con @ font-face, in particolare con i tipi di google font o typekit, i caratteri vengono selezionati con qualità e visualizzati in modo prevedibile e con coerenza (rispetto al layout e all'altezza della linea) tra browser. Ad esempio, puoi passare da proxima-nova all'array predefinito senza implicazioni nel layout: ho trovato che questa è una sfida con cufon.

2. Come l'utente avrà bisogno di interagire con il sito

mi piace essere in grado di evidenziare il testo, cercare il testo, e vedere un cursore di testo quando mi passa il mouse sopra il testo. Non puoi farlo con cufon. Se il tuo sito è più pesante, cufon non è una buona scelta.

Direi Cufon è una buona scelta per i siti più piccoli in cui l'estetica è di pari importanza per il contenuto (come nel contenuto semplicemente non avrà lo stesso effetto senza la tipografia accattivante che l'utente deve mantenere tramite un CMS ... www.macretailsolutions.com è un sito che ho fatto con Cufon che penso rientri in questa categoria). Altrimenti la mia opinione è che sia sul piano della manutenzione/sviluppo sia sul punto di usabilità, fa schifo.

È certamente vero che Cufon renderà molto più carina in IE, ma la verità è che se le persone stanno usando IE in primo luogo, non sono troppo preoccupati per l'estetica per cominciare.

Conclusione: non utilizzare Cufon.