25 Gorgeous Web Safe Fonts per il tuo sito web

Articolo scritto da: Azreen Azmi
  • Business Online
  • Aggiornato: ottobre 05, 2020

Caratteri. Li vediamo tutti i giorni. Dagli annunci stampati alle riviste, ci sono tutti i tipi di caratteri nel mondo.

Che tu sia il proprietario di un negozio di e-commerce o un blogger in erba, l'unica cosa che tutti i siti web hanno in comune è l'uso del testo per i contenuti.

Pensare al testo visualizzato (o al design tipografico) è sorprendentemente importante quando si crea l'estetica generale del sito e per garantirne il successo.

Ma ciò che è più importante è che siano font sicuri per il Web.

Cosa sono i caratteri sicuri per il Web?

I caratteri sicuri per il Web sono stili di carattere generalmente preinstallati e resi visualizzabili sulla maggior parte dei dispositivi: computer, telefoni cellulari, smart TV e tablet.

Perché i caratteri sicuri per il Web sono importanti?

In un mondo ideale, dovresti avere la possibilità di scegliere qualsiasi font che desideri per il tuo sito web. In realtà, esistono restrizioni al tipo di carattere che è possibile utilizzare.

La maggior parte dei computer e dei browser Web viene fornita con una serie di caratteri preinstallati dai produttori, tuttavia i loro disegni possono (e di solito) differire. Non c'era un set di font standard condiviso da tutti i diversi produttori.

Se il carattere che hai usato non è stato installato sul computer di un utente, il tuo sito web tornerà semplicemente a un carattere generico, che a volte può risultare illeggibile.

In altri per evitarlo, i web designer hanno usato il Core Fonts per il Web che Microsoft ha rilasciato in 1996 come standard per la maggior parte dei font del sito web. Questi set di caratteri alla fine divennero "caratteri sicuri per il web", perché indipendentemente dal computer, i caratteri appariranno in modo sicuro sul tuo sito web.

Dovrei usare i caratteri Web Safe per il mio sito web?

Risposta breve: assolutamente.

Se si desidera mantenere coerenti il ​​design e il marchio visivo del proprio sito Web, l'utilizzo di un font sicuro per il Web garantisce che il sito Web appaia esattamente come previsto.

In effetti, quasi tutti i siti Web oggi utilizzano una qualche forma di carattere sicuro per il Web. I web designer raccomandano sempre di scegliere un font sicuro per evitare di avere caratteri generici, come Times New Roman, che appaiono quando gli utenti visitano il tuo sito web se non hanno quel carattere specifico o personalizzato.

Come faccio ad aggiungere questi caratteri Web Safe?

Ci sono diversi modi per utilizzare questi caratteri nella tua pagina web, ma se non sei in programmazione o hai poca esperienza tecnica, puoi facilmente copiare il codice CSS grezzo e incollarli direttamente nel proprio foglio di stile per utilizzare i caratteri.

Se non sei ancora sicuro, segui questi pochi semplici passaggi:

  1. Carica il tuo file header.php
  2. Copia il codice sorgente / standard del font (vedi riferimento 1)
  3. Incolla il codice nella parte superiore del file di intestazione.
  4. Carica il tuo style.css, inserisci il codice del font per cambiare il testo del font di tua scelta. (vedi riferimento 2)

Riferimento 1

Riferimento 2

body {font-family: 'Abel'; font-size: 22px;}

The 25 Gorgeous Web Safe Fonts per il tuo sito web

1. Arial

Caratteri sicuri per il Web - Arial

Links / Fonte: Fonts.com / Stack di font CSS

2. Calibri

Caratteri Web Safe - Calibri

Links / Fonte: Fonts.com / Stack di font CSS 

3. Helvetica

Caratteri sicuri per il Web - Helvetica

Links / Fonte: Fonts.com / Stack di font CSS

4. Interfaccia utente di Segoe

Caratteri sicuri per il Web - UI Segoe

Links / Fonte: Fonts.com / Stack di font CSS

5. Trebuchet MS

Caratteri sicuri per il web - Trebuchet

Links / Fonte: Fonts.com / Stack di font CSS 

6. Cambria

Caratteri Web Safe - Cambria

Links / Fonte: Fonts.com / Stack di font CSS 

7. Palatino

Caratteri Web Safe - Palatino

Links / Fonte: Fonts.com / Stack di font CSS

8. Perpetua

Caratteri Web Safe - Perpetua

Links / Fonte: Fonts.com / Stack di font CSS

9. Georgia

Caratteri sicuri per il Web - Georgia

Links / Fonte: Fonts.com / Stack di font CSS 

10. Consolas

Caratteri Web Safe - Consolas

Links / Fonte: Fonts.com / Stack di font CSS

11. Courier New

Caratteri sicuri per il Web - Courier New

Links / Fonte: Fonts.com / Stack di font CSS 

12. Tahoma

Caratteri Web Safe - Tahoma

Links / Fonte: Fonts.com / Stack di font CSS

13. Verdana

Caratteri Web Safe - Verdana

Links / Fonte: Fonts.com / Stack di font CSS

14. Optima

Caratteri Web Safe - Optima

Links / Fonte: Fonts.com / Stack di font CSS

15. Gill Sans

Caratteri sicuri per il Web: Gill Sans

Links / Fonte: Fonts.com / Stack di font CSS

16. Century Gothic

Caratteri Web Safe - Century Gothic

Links / Fonte: Fonts.com / Stack di font CSS 

17. Candara

Caratteri Web Safe - Candara

Links / Fonte: Fonts.com / Stack di font CSS

18. Andale Mono

Caratteri Web Safe - Andale Mono

Links / Fonte: Fonts.com / Stack di font CSS 

19. Didot

Caratteri sicuri per il Web - Didot

Links / Fonte: Fonts.com / Stack di font CSS

20. Gesso in rame

Caratteri Web Safe - Copperplate

Links / Fonte: Fonts.com / Stack di font CSS 

21. Rockwell

Font sicuri per il Web - Rockwell

Links / Fonte: Fonts.com / Stack di font CSS 

22. Bodoni

Caratteri Web Safe - Bodoni

Links / Fonte: Fonts.com / Stack di font CSS

23. Franklin Gothic

Caratteri sicuri per il Web - Franklin Gothic

Links / Fonte: Fonts.com / Stack di font CSS 

24. urto

Caratteri sicuri per il Web - Impatto

Links / Fonte: Fonts.com / Stack di font CSS 

25. Calisto MT

Caratteri Web Safe - Calisto

Links / Fonte: Fonts.com / Stack di font CSS

Strumenti di carattere per il check-out

Esistono numerosi strumenti online che è possibile utilizzare per verificare e testare diversi tipi di carattere per cui è possibile utilizzare il tuo sito web. Se hai problemi a scegliere un carattere o vuoi semplicemente esplorare quali tipi di caratteri sicuri per il web sono disponibili, questi siti sono un ottimo strumento da usare.

Font Pair

Font Pair offre un sacco di risorse, plug-in, eBook, guide, video e persino ispirazioni su qualsiasi cosa e tutto ciò che riguarda la tipografia. Hanno anche una sezione che ti dà i font più popolari disponibili su Google Fonts e quali tipi di carattere sono meglio abbinati l'uno con l'altro.

Wordmark.it

Se vuoi una rapida anteprima di come dovrebbe apparire il tuo testo con un determinato font, Wordmark.it ti dà un'anteprima istantanea di come il tuo testo verrebbe visualizzato su più font contemporaneamente. Basta digitare una parola o una frase nella barra della prima pagina, premere invio e mostrerà il testo con diversi tipi di carattere come Candara o Lucida Console.

WhatTheFont

WhatTheFont è uno strumento che puoi usare per capire e identificare un font che hai visto online. Tutto quello che devi fare è solo caricare un'immagine del font e WhatTheFont effettuerà una ricerca incrociata nel loro database per darti i risultati più vicini. Se non riesci ancora a trovare il carattere esatto, puoi persino andare al loro forum per chiedere aiuto.

È tutto sulla riproduzione dei caratteri

Se sei qualcosa come me, è probabile che passi molto tempo sul web, leggendo e visitando tonnellate di siti Web. Per questo motivo, lo apprezzerai quando un sito Web utilizza una buona tipografia per integrare il design visivo del suo sito.

Quando si utilizzano font sicuri per il web che sono graditi agli occhi, i tuoi utenti saranno grati e più disposti a tornare a consumare più dei tuoi contenuti. Allora, cosa stai aspettando? Inizia a utilizzare questi caratteri e crea un fantastico sito web per il tuo business!

Informazioni su Azreen Azmi

Azreen Azmi è uno scrittore con un debole per scrivere sul content marketing e sulla tecnologia. Da YouTube a Twitch, cerca di rimanere in contatto con le ultime novità nella creazione di contenuti e di trovare il modo migliore per commercializzare il tuo marchio.

Collegare: