25 Gorgeous Web Safe Fonts per il tuo sito web

Articolo scritto da:
  • Business Online
  • Aggiornato: Jan 17, 2019

Che tu sia un negozio di e-commerce or un blogger in erba, l'unica cosa che tutti i siti web hanno in comune è l'uso del testo per i contenuti. Mettere un po 'di pensiero sul testo visualizzato (o sul design tipografico) lo è Non sorprende importante quando si crea l'estetica complessiva del sito e per assicurarne il successo.

Ecco la cosa, potresti avere un fantastico template WordPress o mettere immagini impressionanti sul tuo sito web. Tuttavia, se stai usando un font di base poco attraente (o peggio di Comic Sans!), Ti ritroverai comunque con un sito web che sembra poco professionale.

Inoltre, ti stai perdendo l'abbondanza di una splendida tipografia Web disponibile online.

Ovviamente, se vuoi assicurarti che il font che scegli carichi in modo affidabile su altri computer, devi scegliere un "font sicuro per il web".

Con i nostri meravigliosi caratteri web sicuri 25, sarai sicuro di avere una straordinaria tipografia web per il tuo sito web che funziona sempre, alla fine di questo articolo!

Cos'è un carattere Web Safe?

I caratteri sicuri per il Web sono caratteri generalmente preinstallati nella 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 semplici passaggi:

  1. Carica il tuo file header.php
  2. Copia il codice sorgente / codice font
  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 che preferisci.

Alla fine, dovresti avere un foglio di stile che assomiglia a questo:

The 25 Gorgeous Web Safe Fonts per il tuo sito web

1. Arial

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

2. Calibri

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

3. Helvetica

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

4. Interfaccia utente di Segoe

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

5. Trebuchet MS

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

6. Cambria

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

7. Palatino

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

8. Perpetua

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

9. Georgia

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

10. Consolas

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

11. Courier New

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

12. Tahoma

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

13. Verdana

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

14. Optima

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

15. Gill Sans

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

16. Century Gothic

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

17. Candara

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

18. Andale Mono

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

19. Didot

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

20. Gesso in rame

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

21. Rockwell

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

22. Bodoni

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

23. Franklin Gothic

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

24. urto

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

25. Calisto MT

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

Strumenti di carattere per il check-out

Esistono diversi strumenti online che puoi utilizzare per verificare e testare diversi tipi di carattere che puoi utilizzare per il tuo sito web. Se hai difficoltà a scegliere un font o vuoi solo esplorare quali tipi di font sicuri 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 font

Se sei come me, allora le probabilità sono 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 completare il design visivo del loro 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!

Articolo di 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.

Collegarsi: