25 Wspaniałe bezpieczne czcionki internetowe dla Twojej witryny

Artykuł napisany przez:
  • Online Business
  • Zaktualizowano: Jan 17, 2019

Niezależnie od tego, czy jesteś sklep eCommerce or początkujący bloggerjedyną rzeczą, która łączy wszystkie witryny, jest wykorzystanie tekstu do treści. Zastanawiasz się nad wyświetlanym tekstem (lub projektem typograficznym) nic dziwnego ważne przy tworzeniu estetyki ogólnej witryny i zapewnienia jej sukcesu.

Chodzi o to, że możesz mieć niesamowity szablon WordPress lub umieścić imponujące obrazy na swojej stronie JEDNAK, jeśli używasz nieatrakcyjnej podstawowej czcionki (lub gorszego Comic Sans!), Nadal będziesz mieć stronę internetową, która wygląda i czuje się amatorski.

Ponadto brakuje ci wspaniałej typografii internetowej dostępnej online.

Oczywiście, jeśli chcesz się upewnić, że wybrana czcionka ładuje się niezawodnie na innych komputerach, musisz wybrać "bezpieczną czcionkę internetową".

Dzięki naszym wspaniałym bezpiecznym czcionkom sieciowym 25, do końca tego artykułu będziesz mieć pewność, że na swojej stronie internetowej działa niesamowita typografia internetowa!

Co to jest bezpieczna czcionka internetowa?

Bezpieczne czcionki internetowe to czcionki, które są zwykle wstępnie instalowane na większości urządzeń - komputerach, telefonach komórkowych, telewizorach inteligentnych i tabletach.

Dlaczego ważne są bezpieczne czcionki internetowe?

W idealnym świecie powinieneś mieć możliwość wyboru dowolnej czcionki, którą chcesz umieścić na swojej stronie. W rzeczywistości istnieją ograniczenia dotyczące typów czcionek, z których można korzystać.

Większość komputerów i przeglądarek ma zestaw czcionek wstępnie zainstalowanych przez producentów, jednak ich projekty mogą (i zazwyczaj) się różnić. Nie było standardowego zestawu czcionek, który byłby wspólny dla wszystkich różnych producentów.

Jeśli użyta czcionka nie została zainstalowana na komputerze użytkownika, witryna po prostu powróci do zwykłej czcionki, która czasami może być nieczytelna.

W innych, aby tego uniknąć, projektanci stron internetowych używają Podstawowe czcionki w Internecie Microsoft wydał w 1996 jako standard dla większości fontów stron. Te zestawy czcionek stały się ostatecznie "bezpiecznymi czcionkami internetowymi", ponieważ niezależnie od komputera, czcionki bezpiecznie pojawią się w Twojej witrynie.

Czy powinienem używać bezpiecznych czcionek internetowych dla mojej witryny?

Krótka odpowiedź: Absolutnie.

Jeśli chcesz zachować spójność projektu i marki wizualnej swojej witryny, użycie bezpiecznej czcionki w Internecie gwarantuje, że Twoja witryna będzie wyglądać dokładnie tak, jak sobie tego życzysz.

W rzeczywistości prawie wszystkie dzisiejsze witryny używają pewnej formy bezpiecznej czcionki internetowej. Projektanci stron internetowych zawsze zalecają wybór bezpiecznej czcionki internetowej, aby uniknąć pojawiania się czcionek generycznych, takich jak Times New Roman, gdy użytkownicy odwiedzają Twoją witrynę, jeśli nie mają określonej czcionki niestandardowej.

Jak mogę dodać te bezpieczne czcionki internetowe?

Istnieje wiele sposobów na dodanie tych czcionek do swojej strony internetowej, ale jeśli nie jesteś programistą lub masz niewielkie doświadczenie techniczne, możesz po prostu łatwo skopiować surowy kod CSS i wkleić go bezpośrednio do własnego arkusza stylów, aby użyć czcionek.

Jeśli nadal nie masz pewności, wykonaj kilka prostych kroków:

  1. Załaduj plik header.php
  2. Skopiuj źródło czcionek / standardowy kod
  3. Wklej kod u góry pliku nagłówkowego.
  4. Załaduj plik style.css, umieść kod czcionki, aby zmienić wybrany tekst czcionki.

Na koniec powinieneś mieć arkusz stylów, który wygląda następująco:

25 Gorgeous Web Safe Czcionki dla Twojej witryny

1. Arial

Linki / Źródło: Fonts.com / Stos czcionek CSS

2. Calibri

Linki / Źródło: Fonts.com / Stos czcionek CSS

3. Helvetica

Linki / Źródło: Fonts.com / Stos czcionek CSS

4. Interfejs Segoe

Linki / Źródło: Fonts.com / Stos czcionek CSS

5. Trebuchet MS

Linki / Źródło: Fonts.com / Stos czcionek CSS

6. Cambria

Linki / Źródło: Fonts.com / Stos czcionek CSS

7. Palatino

Linki / Źródło: Fonts.com / Stos czcionek CSS

8. Perpetua

Linki / Źródło: Fonts.com / Stos czcionek CSS

9. Gruzja

Linki / Źródło: Fonts.com / Stos czcionek CSS

10. Consolas

Linki / Źródło: Fonts.com / Stos czcionek CSS

11. Courier New

Linki / Źródło: Fonts.com / Stos czcionek CSS

12. Tahoma

Linki / Źródło: Fonts.com / Stos czcionek CSS

13. Verdana

Linki / Źródło: Fonts.com / Stos czcionek CSS

14. Optima

Linki / Źródło: Fonts.com / Stos czcionek CSS

15. Gill Sans

Linki / Źródło: Fonts.com / Stos czcionek CSS

16. Century Gothic

Linki / Źródło: Fonts.com / Stos czcionek CSS

17. Candara

Linki / Źródło: Fonts.com / Stos czcionek CSS

18. Andale Mono

Linki / Źródło: Fonts.com / Stos czcionek CSS

19. Didot

Linki / Źródło: Fonts.com / Stos czcionek CSS

20. Copperplate Gothic

Linki / Źródło: Fonts.com / Stos czcionek CSS

21. Rockwell

Linki / Źródło: Fonts.com / Stos czcionek CSS

22. Bodoni

Linki / Źródło: Fonts.com / Stos czcionek CSS

23. Franklin Gothic

Linki / Źródło: Fonts.com / Stos czcionek CSS

24. Wpływ

Linki / Źródło: Fonts.com / Stos czcionek CSS

25. Calisto MT

Linki / Źródło: Fonts.com / Stos czcionek CSS

Narzędzia czcionek do wyewidencjonowania

Istnieje wiele narzędzi online, za pomocą których można sprawdzić i przetestować różne czcionki, które można wykorzystać w swojej witrynie. Jeśli masz problem z wyborem czcionki lub chcesz się dowiedzieć, jakie rodzaje bezpiecznych czcionek są dostępne, te witryny są doskonałym narzędziem do wykorzystania.

Para czcionek

Para czcionek oferuje mnóstwo zasobów, wtyczek, książek elektronicznych, przewodników, filmów, a nawet inspiracji do wszystkiego, co dotyczy typografii. Mają nawet sekcję, która daje najbardziej popularne czcionki dostępne w Google Fonts i które czcionki najlepiej ze sobą sparować.

Wordmark.it

Jeśli chcesz uzyskać szybki podgląd tekstu, który będzie wyglądał za pomocą określonej czcionki, Wordmark.it daje natychmiastowy podgląd, w jaki sposób tekst będzie wyświetlany na wielu czcionkach naraz. Wystarczy wpisać słowo lub frazę na pasku strony, naciśnij klawisz Enter, aby wyświetlić tekst z różnymi czcionkami, takimi jak Candara lub Lucida Console.

Jaka czcionka

Jaka czcionka to narzędzie, za pomocą którego możesz zlokalizować i zidentyfikować czcionkę, którą widziałeś online. Wystarczy tylko przesłać obraz czcionki, a WhatTheFont przeszuka go w swojej bazie danych, aby uzyskać najbardziej zbliżone wyniki. Jeśli nadal nie możesz znaleźć dokładnej czcionki, możesz nawet udać się do niej forum, aby poprosić o pomoc.

Chodzi o grę czcionek

Jeśli jesteś podobny do mnie, prawdopodobnie spędzasz dużo czasu w Internecie, czytając i odwiedzając mnóstwo stron internetowych. Z tego powodu docenisz to, gdy witryna używa dobrej typografii do uzupełnienia jej wyglądu.

Korzystając z bezpiecznych czcionek internetowych, użytkownicy są wdzięczni i chętniej wracają i konsumują więcej treści. Więc na co czekasz? Zacznij korzystać z tych czcionek i stworzyć wspaniałą stronę internetową dla Twojego biznesu!

O Azreen Azmi

Azreen Azmi jest pisarzem o skłonności do pisania o marketingu treści i technologii. Od YouTube do Twitcha, który stara się pozostać w kontakcie z najnowszymi treściami i dowiedzieć się, jak najlepiej promować markę.