Perché chrome mostra caratteri resi diversi dalla famiglia di caratteri calcolati?

Question

Mi piacerebbe sapere come chrome sceglie quale tipo di carattere rendere? Lo sto chiedendo perché utilizzando gli Strumenti per sviluppatori di Chrome posso vedere che la famiglia di caratteri calcolata è diversa dalla famiglia di caratteri resa e questo è fonte di confusione. Domande simili su Stackoverflow non sono state di grande aiuto in questa particolare istanza.

Il mio computer famiglia di caratteri assomiglia:

font-family: museo-sans, sans-serif, Futura; 

carattere resa assomiglia:

Helvetica—473 glyphs 

In questo article, si è detto che Chrome mappa un carattere reso ad un tipo di carattere calcolata elencato. Cosa significa esattamente e perché lo fa? C'è un modo per controllare quale font è reso?

Answer 1

Uguale a qualsiasi altro browser: se non riesce a trovare il primo carattere, tenta il successivo, e così via e così via fino a quando non esaurisce le regole. Se nessun carattere corrisponde, il carattere viene ereditato dall'elemento genitore, fino al livello del documento, dove verrà scelto il carattere predefinito del browser.

In questo caso, le cose sono un po 'strane, perché l'ordine che stai mostrando è "un vero font" seguito da "una classe CSS generica che risolve sempre, ma senza alcuna garanzia su quale font sarà, solo che sarà un font sans-serif ", seguito dal vero carattere" futura ".

Così Chrome proverà museo, non lo troverà, vedrà il generico "sans-serif" e sceglierà un font sans-serif noto per te. Di solito è qualcosa come Arial o Helvetica, ma le specifiche CSS non dicono nulla su quale font debba essere, in particolare. Deve solo essere un font sans-serif.

La parte strana qui è che l'ordine che hai scelto significa che la "futura" alla fine sarà mai da verificare. Il browser always find a suitable font una volta colpisce serif, sans-serif, cursive, fantasy, o monospace