Co to jest Web Font?

Aug 7, 2025
ogólnie

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.

PixieMe / Shutterstock.

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


ogólnie - Najpopularniejsze artykuły

10 Tech Rozwiązywanie problemów naprawić gadżetów

ogólnie Apr 6, 2025

PIC SNIPE / Shutterstock.com Jak rozwiązać problem ostatecznie zależy od tego, że jest jakiś problem. Jednocześnie, wiele z najbardziej powszechnych prob..


Co to jest „Lite Hash rate” lub „LHR” GPU?

ogólnie May 28, 2025

Nvidia. Zapomnij o oprogramowanie. W 2021 r. To kryptokury, które jedzą świat. Dzięki górnikom, którzy chcą uderzyć w bogaty w kryptokuriety, takie jak..


Co jest punkt-i-strzelać kamery?

ogólnie May 16, 2025

Solidne zdjęcia / Shuttstock.com Kamera punktowa (lub kompaktowa) jest małą, łatwą w użyciu aparatem z wbudowanym obiektywem. Oferują one krok w jako�..


Dlaczego tak trudno kupić kartę graficzną w 2021 roku?

ogólnie Nov 16, 2024

Feelgoodluck / Shutterstock.com. Globalny niedobór kart graficznych utrudnia konsumentom, aby uzyskać ich ręce na uczciwej cenie. Oto dlatego niemożliwe je..


Co to jest Głębia koloru?

ogólnie Jun 17, 2025

Sira Anamwong / Shutterstock.com Głębokość kolorów to termin, który prawdopodobnie słyszałeś kupi n g TV. lub konfigurowanie now..


Jak zresetować tablet Amazon Ogień

ogólnie Jul 25, 2025

Amazonka To tylko kwestia czasu, zanim gadżet potrzebuje resetowania fabrycznego. Może działa, a może jesteś dając komuś komuś w przeciwnym razie. Ni..


Jak prawym przyciskiem myszy

ogólnie Aug 24, 2025

Co oznacza prawym przyciskiem myszy? Jeśli widzisz instrukcje z prośbą o "Kliknij prawym przyciskiem myszy", oznacza naciśnięcie przycisku po prawej stronie myszy. Zwykle otwiera..


Oto jak korzystać z inteligentnego domu, aby oszukać włamywaczy

ogólnie Dec 30, 2024

Inteligentny sprzęt domowy nie służy tylko do popisywania się znajomym i automatyzacji swojego życia. Jest to również bardzo przydatne, aby Twój dom wyglądał na zajęcie, gdy jesteś ..


Kategorie