Come cercare il font utilizzato su una pagina web

May 24

I font possono lavorare magia quando viene utilizzato in modo efficace. Quando gli sviluppatori di creare siti web, che di solito utilizzano fogli di stile CSS per assegnare diversi tipi di carattere di testo. Microsoft include un Developer Tool gratuito e utile nelle versioni successive di Internet Explorer. Questo strumento consente agli sviluppatori di controllare qualsiasi elemento in una pagina. Poiché lo strumento in grado di eseguire questa impresa, si può anche usare per cercare il tipo di carattere utilizzato da un particolare elemento in una pagina.

istruzione

Launch Developer Tool

1 Aprire Internet Explorer 8 o Internet Explorer 9 e navigare in un sito web. Trova qualche parola di testo sulla pagina che si desidera analizzare.

2 Fai clic su "Strumenti" sulla mano in alto a destra dello schermo e individuare l'opzione "Developer Tools" nel menu a discesa. Fare clic su tale opzione per mettere un segno di spunta da essa.

3 Premere il tasto "F12". Si apre la finestra Strumenti di sviluppo.

determinare Font

4 Fare clic sulla scheda "HTML" nella parte superiore della finestra. Due riquadri vengono visualizzati nella finestra. Individuare la casella di testo nella parte superiore del riquadro di destra e digitare alcune parole dal testo annotato.

5 Fare clic sull'icona della lente di ingrandimento accanto alla casella di testo. IE troverà che il testo e visualizzare la sua posizione nel codice HTML nel riquadro sinistro.

6 Fare clic sul pulsante "stili Trace" nella parte superiore del riquadro di destra. Nel riquadro di destra verrà visualizzato di carattere e altre informazioni relative al testo. Si vedrà il colore del font, dimensione e stile. Il riquadro mostra anche "font-family." Font-family visualizza i nomi di uno o più tipi di carattere. Ad esempio, si può visualizzare il seguente:

Font-family: "Georgia", "Helvetica", "Arial"

Questo esempio mostra come gli sviluppatori di solito definiscono un tipo di carattere per un elemento di testo o di un blocco di codice HTML. Hanno posto il carattere desiderato - Georgia in questo esempio - all'inizio della lista. Hanno posto i nomi dei font aggiuntivi sulla lista nel caso in cui il computer di un utente non ha il carattere desiderato installato.

7 Annotare i nomi dei font nella lista font-family, quindi controllare per vedere quali font sono installati sul computer. Il primo della lista che si trova sul computer è quello che si sta guardando sul sito.

Consigli e avvertenze

  • Il primo nome nella definizione font-family è di solito il tipo di carattere che si vede sulla pagina web. Tuttavia, come detto in precedenza, se questo tipo di carattere non si trova sul computer, non può visualizzare il tipo di carattere. Il tuo browser tenterà di visualizzare la seconda di carattere nella lista. Si procederà attraverso la lista finché non trova un font che esiste sul computer. liste font-family di solito non contengono più di due o tre tipi di carattere.