Czy wiesz, że Twoja przeglądarka internetowa automatycznie pobiera i używa czcionek, które nie są zainstalowane w systemie? Czcionki internetowe pomagają stronom przeglądać codziennie wyglądać lepiej. Oto, kim są i jak działają.
Czcionki stacjonarne vs. Web Fonts
Każdego dnia wszyscy używamy czcionek. Niektórzy z nich Przyjdź ze swoim systemem operacyjnym , niektóre pochodzą z aplikacji, takich jak Adobe Creative Suite lub Microsoft Office, a niektóre, które pobierasz lub kupują i Zainstaluj siebie. . Po zainstalowaniu można użyć tych czcionek w procesorach Word, oprogramowania do edycji obrazów i innych. Są to czcionki stacjonarne i są przechowywane lokalnie.
Inny rodzaj czcionki stał się ważniejszy, ponieważ nasze doświadczenie komputerowe przeniósł się online. Są to typografia internetowa-typografia przechowywana na chmurze (a następnie buforowana w przeglądarce) i używana do generowania tekstu pojawiającego się na stronach internetowych.
Krótka historia czcionek internetowych
W pierwszych dniach Internetu typografia na stronach internetowych była ograniczona do tego, co zainstalowano czcionki w systemie. Jeśli czcionka nie została zainstalowana, strona internetowa załadowałaby standardową czcionkę "fallback", która była bardziej prawdopodobna. Z tego powodu projektanci stron internetowych często wybrali domyślne czcionki systemowe dla swoich witryn.
Wśród nich byli Microsoft Czcionki główne dla sieci , Zestaw kroistych typowych dostępnych do projektowania stron internetowych. Ten dodatek dołączony jest szeroko stosowane czcionki systemowe jak Times New Roman, Arial, Komiczne sans. i trebuchet. Alternatywnie, projektanci mogą używać rodzin czcionek, takich jak Serif, Sans-Serif i Monospace określić ogólny styl czcionki, nawet jeśli określony nie był dostępny.
To zmieniło się w 2010 r., Kiedy google uruchomiło Google Fonts. , ogromne repozytorium na otwartym źródle dla darmowych czcionek, które mogą być używane w dowolnym miejscu w sieci. Od tego czasu pojawiły się innych konkurentów, takich jak Typekit Typekit i Web-hostowane wtyczki czcionki. Miliony stron internetowych z całego świata działają na czcionkach internetowych, w tym Pakiet produktywności Google .
Jak działa czcionki internetowe
Największy dostawca czcionek Web, Google Fonts, jest rozległym biblioteką internetową ponad tysiąc czcionek. Możesz ich użyć na swojej stronie, ciągnąc je za pomocą CSS, a mobilni deweloperzy mogą uzyskać dostęp do tych czcionek podczas tworzenia aplikacji na Androida.
Gdy strona internetowa korzysta z czcionek Google, wyciąga czcionkę z bazy danych Google, a następnie wyświetla tekst w tej czcionce w przeglądarce. Te czcionki są hostowane na serwerze Google i są ładowane prawie natychmiast. Inne usługi czcionek w chmurze pracują w ten sam sposób.
Kolejną alternatywą wykorzystuje ono hostowane przez siebie, wbudowane czcionki w sieci. Odbywa się to przez Web Otwarty format czcionki (WOFF) -A Skompresowany plik czcionki opracowany przez Mozillę, który jest kompatybilny z większością nowoczesnych przeglądarek internetowych. WOFF jest przydatny, jeśli chcesz osadzić niestandardową czcionkę, która nie jest dostępna na usłudze czcionek Web.
Dostanie czcionek internetowych.
Repozytorium Google Fonts i wszystkie czcionki pod nim są całkowicie bezpłatne do użycia i dostępne dla wszystkich. Używa tylko czcionek na podstawie otwartej licencji, a wiele z tych czcionek stało się zszywkami projektowania stron internetowych, takich jak Roboto, Lato i Montserrat. Google Hosts na stronie internetowej Wymienia wszystkie jego dostępne czcionki i pozwala wypróbować ich i porównać ich ze sobą. Google oferuje również bazę danych darmowych wektorowych ikon.
Ponieważ te czcionki są dowolnie dostępne, możesz pobrać oryginalne pliki czcionki Do użytku na pulpicie także. Wiele stron internetowych hostuje repozytoria Google Fonts ', w tym Google własny Github . Możesz użyć tych czcionek w projektach, swobodnie dzielą je z innymi i pobieraj je z innych miejsc w Internecie za darmo.
Wielu budowniczych witryn i menedżerów treści, takich jak Wordpress i squarespace wyposażone są w wsparcie dla czcionek internetowych z pudełka. Jeśli używasz niestandardowej witryny, musisz przesłać plik czcionki do serwera i użyć kodu CSS, aby wskazać plik czcionki, którego chcesz użyć.
Jeśli chcesz dowiedzieć się więcej o użyciu czcionek internetowych na swojej stronie, sprawdź to CSS Web Font Guide z W3schools.
ZWIĄZANE Z: Jak zainstalować i zarządzać czcionkami w aplikacji Ustawienia systemu Windows 10