Ulepsz swoją stronę dzięki 12 pięknym czcionkom internetowym Google

W ciągu ostatniej dekady założyłem wiele osobistych blogów. 10 najważniejszych pierwszych kroków przy uruchamianiu bloga Wordpress 10 podstawowych kroków przy rozpoczynaniu bloga Wordpress Po utworzeniu całkiem sporo blogów chciałbym myśleć, że mam dobry system jest wyłączony z powodu tych podstawowych pierwszych kroków i mam nadzieję, że będzie on również przydatny dla Ciebie. Postępując zgodnie z… którym nigdy tak naprawdę nie podążałem, ale niektóre z moich najmilszych wspomnień dotyczą projektowania motywu i poprawek czcionek. Jest coś satysfakcjonującego, gdy znajdziesz idealne dopasowanie czcionek do swojej witryny i wszystko się ułoży. Na szczęście dzięki czcionkom internetowym Google cały proces nigdy nie był łatwiejszy.

Więc jakich czcionek internetowych Google należy użyć? Cóż, możesz użyć dowolnej czcionki z katalogu Google Web Fonts, w którym obecnie znajduje się ponad 600 różnych czcionek - i liczba ta wciąż rośnie. Ale niektóre czcionki okazały się raz po raz bardziej przyjemne dla oka i łatwiejsze do odczytania niż inne. Czytaj dalej, aby dowiedzieć się, jakie są te czcionki.

Uwaga: Ocena czcionek jest zawsze kwestią subiektywną, ale popularność tych czcionek sugeruje, że mają one piękną jakość. Uwagi dotyczące czcionek dla tej listy zostały dokonane w kontekście treści akapitów, a nie nagłówków, grafiki lub projektu graficznego.

Co to są czcionki internetowe Google?

Google Web Fonts to scentralizowany zbiór różnych czcionek, które można osadzić w swoich witrynach. Przez pewien czas czcionki witryny były ograniczone do wszystkiego, co znajdowało się na komputerze użytkownika - gdyby nie miały określonej czcionki, zobaczyliby ją tylko w domyślnej czcionce przeglądarki. Dzięki czcionkom internetowym Google widzowie mogą zobaczyć czcionkę witryny, nawet jeśli jej nie mają, a to otwiera wiele drzwi pod względem wyglądu.

Jeśli korzystasz z WordPress, niektóre motywy (zwłaszcza nowsze) są wyposażone w obsługę czcionek internetowych Google w opcjach motywu. W przypadku innych projektów internetowych James napisał świetny przewodnik na temat używania czcionek internetowych Google Jak używać czcionek Google w następnym projekcie internetowym i dlaczego należy korzystać z czcionek Google w następnym projekcie internetowym i dlaczego warto wybierać czcionki? integralna decyzja projektowa na dowolnej stronie internetowej, ale przez większość czasu jesteśmy zadowoleni z tej samej starej rodziny serif i sans-serif. Chociaż głównym tekstem zawsze powinno być coś… dla Twojej witryny. Jeśli masz jakiekolwiek doświadczenie w zarządzaniu internetem, proces ten powinien być dla Ciebie łatwy.

Czcionek internetowych Google można także używać na inne sposoby, np. Poprzez rozszerzenie Changer czcionek Rozszerzenie Chrome Zmieniacz czcionek za pomocą czcionek internetowych Google: łatwo zmieniaj czcionkę dowolnej strony internetowej [Chrome] Zmieniacz czcionek za pomocą czcionek internetowych Google: łatwo zmieniaj czcionkę dowolnej witryny [Chrome]. Jeśli dana witryna internetowa nie wygląda dla ciebie zbyt dobrze - lub nawet obraża twoje poczucie standardów graficznych - możesz użyć czcionek internetowych Google, aby ręcznie zmienić wygląd strony internetowej. Jakie to jest świetne?

Czcionki szeryfowe

Czcionki szeryfowe to te, które mają małe tiki, pociągnięcia lub stopy na końcu liter i symboli. Pomyśl o rodzajach czcionek, które można znaleźć w drukowanej książce, gazecie, pracy dyplomowej itp. Ogólnie rzecz biorąc, są one bardziej formalne niż czcionki bezszeryfowe (które są omówione w drugiej części tego artykułu) i są ogólnie uważane za łatwiejsze do odczytania, choć jest to dyskusyjne.

Droid Serif: Nie możesz mówić o nowoczesnych czcionkach serif bez zanurzania się w terytorium Droida. Rodzina czcionek Droid została zaprojektowana do użytku na małych ekranach mobilnych, szczególnie na platformie Android, ale czcionka zyskała na popularności i jest używana wszędzie.

PT Serif: Choć istnieje już od kilku lat, rodzina czcionek PT jest dla mnie nowa - i uwielbiam to. Teraz używam go do prawie wszystkich moich edytorów tekstu, czy to Microsoft Word, Scrivener, czy edytowanie blogów. Jest elegancki i nowoczesny z własnym aromatycznym podejściem do serifów.

Lora: Lora jest chyba moją drugą ulubioną czcionką serif, obok PT Serif. Ma właściwą równowagę między prostą i okrągłą, co ułatwia czytanie i przyjemną estetykę. To jest czcionka, której używam podczas czytania e-booków na moim komputerze. EPubReader: Czytaj książki .EPUB za darmo bezpośrednio w przeglądarce [Firefox] EPubReader: Czytaj książki .EPUB za darmo bezpośrednio w przeglądarce [Firefox] Popularność eBooków gwałtownie wzrosła w przeszłości kilka lat i nie wygląda na to, że w najbliższym czasie zwolni. Najpierw Kindle, potem Nook, a następnie aplikacje na smartfony, takie jak Aldiko i Mantano - są… .

Judson: Judson robi dobrą przerwę, gdy potrzebujesz pięknej czcionki serif, ale nie chcesz wracać do niektórych z bardziej popularnych, takich jak te wymienione powyżej. Jednym z powodów, dla których nie jest używany tak często, jest brak stylu, który ma zarówno pogrubienie, jak i kursywę.

Merriweather: Niedawno widziałem Merriweather używaną na płodnym blogu pisarza i zakochałem się. Dzięki właściwemu kerningowi i odstępom Merriweather staje się bardzo łatwa dla oczu i ułatwia szybkie czytanie, co jest idealne dla blogów i treści internetowych.

Vollkorn: To przede wszystkim czcionka, która przyciągnęła mnie do Google Web Fonts. Miło jest patrzeć na mniejszy zakres rozmiarów czcionek, ale wady stają się bardziej widoczne przy większych rozmiarach. Niemniej jednak jest świetny i warto spróbować.

Czcionki bezszeryfowe

Jeśli czcionkami szeryfowymi są te z paskami i stopami na literach i symbolach, wówczas czcionki bezszeryfowe to te bez tych tików i stopek. Niektóre osoby opisują czcionki bezszeryfowe jako “odkurzacz” i “nowoczesny” i często są postrzegane jako mniej formalne niż czcionki szeryfowe, choć z każdym rokiem staje się to coraz mniej prawdziwe. Nazwa pochodzi od francuskiego słowa oznaczającego “bez” - sans - więc za każdym razem, gdy zobaczysz czcionkę oznaczoną jako “Sans,” wiesz, że to czysta wersja tej czcionki.

Droid Sans: Droid Sans należy do tej samej rodziny czcionek co Droid Serif, ale Droid Sans jest znacznie bardziej popularny z jednego prostego powodu: aplikacje mobilne częściej używają czcionek sans-serif niż czcionek serif. Jednak jego popularność przeniosła się do sieci i prawdopodobnie widziałeś tę czcionkę częściej, niż ci się wydaje.

PT Sans: PT Sans to czysta czcionka bezszeryfowa, która jest nieco węższa niż tradycyjne czcionki bezszeryfowe. To cudowna mieszanka ostrych linii i miękkich krzywych, dzięki czemu czcionka jest sterylna, ale artystycznie taka.

Open Sans: Z drugiej strony PT Sans masz Open Sans, który jest nieco szerszy niż tradycyjne czcionki bezszeryfowe. Pomyśl Verdana, z wyjątkiem bardziej nowoczesnych. To nie jest moja filiżanka herbaty, ale przewiduję, że Open Sans będzie bardziej użyteczny w nadchodzących latach.

Lato: Lato może wydawać się trochę ciasne, gdy rozmiar czcionki jest zbytnio obniżany, ale przy odpowiednim CSS i technikach projektowania Lato może być piękniejsze niż większość czcionek bezszeryfowych. Kluczowe są jednak kerning i odstępy między wierszami.

Roboto: Roboto jest jedną z moich ulubionych czcionek do nagłówków, ale działa równie dobrze w treści akapitu. Jest czysty, niezbyt wysoki, niezbyt krótki, niezbyt szeroki i niezbyt wąski. Jest to łatwa do odczytania czcionka bezszeryfowa z subtelnym futurystycznym akcentem, co jest właściwe, biorąc pod uwagę jej nazwę.

Kabina: Podobnie jak Lato, Cabin może cierpieć z powodu mniejszych rozmiarów czcionek, czując się trochę ciasno i ostro, gdy litery są zbyt blisko siebie, ale odpowiedni projekt CSS może to łatwo naprawić. To piękna czcionka, która czasem przypomina mi bardziej nowoczesną wersję Century Gothic.

Wniosek

Nie trzeba już blokować witryn przy użyciu tych samych czcionek bezszeryfowych Arial-Helvetica-Verdana i czcionek szeryfowych Times-Georgia-Palatino. Ulepsz swoje projekty za pomocą ciasnego zastrzyku czcionek internetowych Google i zrób kolejny krok w kierunku zrewolucjonizowania wyglądu swojej witryny. Lepiej nie tylko odróżnisz swoją stronę od innych, ale również czytelnicy będą Ci wdzięczni.

Co myślisz? Jakie są twoje ulubione czcionki Google? Czy używasz ich do własnej witryny? Podziel się z nami swoimi przemyśleniami w komentarzach.