Przesyłanie niestandardowych czcionek za pomocą wtyczki Hash Custom Font Uploader

Czy masz dość używania tych samych starych czcionek na swojej stronie internetowej i chcesz, aby wyglądała inaczej? Jeśli nie jesteś ekspertem w kodowaniu, nie martw się! Mamy prosty przewodnik, który pokaże Ci łatwy sposób dodawania ulubionych czcionek do motywów WordPress. Niniejsza dokumentacja przeprowadzi Cię krok po kroku przez proces przesyłania niestandardowych czcionek, co ułatwi nadanie Twojej witrynie niepowtarzalnego stylu.

INSTALACJA WTYCZKI

Aby rozpocząć dostosowywanie i przesyłanie czcionki, musisz zainstalować wtyczkę o nazwie Hash Custom Font Uploader .

*Uwaga: ta wtyczka jest kompatybilna tylko z motywami autorstwa HashThemes*

Instalacja programu do przesyłania niestandardowych czcionek Hash

Aby zainstalować narzędzie do przesyłania czcionek Hash, postępuj zgodnie z instrukcjami:

• Przejdź do Wtyczki > Dodaj nowe wtyczki > Prześlij wtyczki .
• Kliknij opcję Prześlij wtyczkę i wybierz plik .zip ze swojego komputera.
• Po przesłaniu pliku .zip kliknij opcję Zainstaluj teraz .
• Następnie aktywuj wtyczkę.
• Możesz zobaczyć, że wtyczka pojawia się jako narzędzie do przesyłania niestandardowych czcionek Hash.

Po zainstalowaniu wtyczki możesz użyć własnych czcionek, aby rozpocząć proces przesyłania czcionek.

Pozwól nam przeprowadzić Cię przez proces krok po kroku.

WYBÓR CZCIONKI

Motywy obsługiwane przez HashThemes zapewniają szeroki wybór czcionek Google do wyboru. Istnieje ponad 800 czcionek Google.

Jeśli jednak szukasz czegoś wyróżniającego się, zawsze możesz przejrzeć liczne witryny z czcionkami, które oferują jeszcze większą różnorodność wyborów opracowanych przez wielu projektantów czcionek i są dostępne bezpłatnie lub płatnie w różnych witrynach.

Czcionka Squirrel jest doskonałym przykładem takiej witryny. Platforma ta nie tylko zapewnia swobodę pobierania czcionek bez żadnych kosztów, ale także usprawnia proces konwertowania plików do formatów niezbędnych do przesyłania czcionek.

Dodatkowo warto wspomnieć, że w sprzedaży dostępnych jest wiele wysokiej jakości czcionek, za niewielką opłatą można je nabyć i są gotowe do natychmiastowego użycia.

W tym samouczku pokażemy, jak uprościć proces przesyłania czcionek za pomocą Font Squirrel.

Potrzebujemy 2 formatów plików czcionek (WOFF i WOFF2), które będą używane w programie Hash Custom Font Uploader. Jeśli chcesz dowiedzieć się więcej o odmianach czcionki i dlaczego pliki są konwertowane do formatów WOFF i WOFF2, przeczytaj dalej. Jeśli chcesz od razu rozpocząć przesyłanie samouczka dotyczącego niestandardowej czcionki, kliknij tutaj.

ZROZUMIENIE RÓŻNYCH FORMATÓW PLIKÓW

Zanim przejdziemy do samouczka, zapoznajmy się z niektórymi typowymi formatami plików, w jakich mogą występować czcionki.

Czcionka TrueType (.ttf): Format czcionki .ttf jest powszechnie używanym formatem czcionki w typografii komputerowej i internetowej. Ten typ pliku jest kompatybilny zarówno z systemami Windows, jak i macOS.

Czcionka OpenType (.otf): Format Open Type jest rozszerzeniem formatu True Type. Ten format udostępnia dodatkowe funkcje typograficzne i jest kompatybilny zarówno z systemem Windows, jak i macOS.

Web Open Font Format (.woff): ten typ formatu jest specjalnie zaprojektowany do użytku w Internecie. Oferuje dobrą kompresję i kompatybilność z przeglądarkami.

Web Open Font Format 2 (.woff2): Ten format pliku jest ulepszoną wersją formatu Web Open Font, zapewniającą doskonałą kompresję i wydajność czcionek internetowych.

Czcionka PostScript Type 1 (.pfb): Typ czcionki PostScript to starsza wersja formatu czcionki używanej głównie w branży poligraficznej PostScript.

Czcionka SVG (.svg): Oparta na formacie XML Czcionki SVG są często używane w ikonach internetowych i projektach specjalnych.

Czcionka bitmapowa (.fon): Czcionki reprezentowane jako siatka pikseli, odpowiednie dla wyświetlaczy o niskiej rozdzielczości.

Oto niektóre z formatów czcionek używanych do różnych celów. Powodem zapoznania się z tymi formatami jest to, że niektóre pliki wymagają konwersji w celu uzyskania dodatkowej korzyści.

Najpopularniejsze formaty plików to TTF (czcionka True Type) i OTF (czcionka typu Open) w typografii komputerowej i internetowej.

Jednak od 2021 r. najczęściej używanymi formatami czcionek w Internecie były Web Open Font Format (WOFF) i WOFF2 (Web Open Font Format 2).

*Uwaga: Należy pamiętać, że popularność czcionek może zmieniać się z biegiem czasu, a nowe technologie mogą zastąpić stare.*

Dlaczego konieczna jest zmiana plików na formaty .woff i .woff2?

Chociaż pliki TTF i OTF można przesyłać bezpośrednio do Internetu, konwersja ich do formatów .woff i .woff2 ma kilka zalet:

1. Kompresja:

Głównym powodem konwersji plików TTF i OTF do formatów WOFF i WOFF2 jest ich kompresja. Mniejszy rozmiar pliku powoduje szybsze ładowanie strony internetowej. Ma to kluczowe znaczenie dla poprawy doświadczenia użytkownika i rankingów SEO.

2. Optymalizacja sieci:

Formaty WOFF i WOFF2 doskonale nadają się do użytku w Internecie i są powszechnie akceptowane, obejmując funkcję podzbioru czcionek, umożliwiającą użytkownikom dołączanie tylko znaków i glifów potrzebnych dla konkretnej strony internetowej, co jeszcze bardziej zmniejsza rozmiar pliku.

3. Zgodność przeglądarki:

Nowoczesne przeglądarki internetowe szeroko obsługują formaty WOFF i WOFF2, zapewniając niezawodne renderowanie czcionek na różnych platformach i urządzeniach. Pliki TTF i OTF mogą mieć różne poziomy kompatybilności i wsparcia.

4. Licencjonowanie:

Wiele licencji na czcionki pozwala na używanie formatów WOFF i WOFF2 w Internecie, mogą jednak obowiązywać większe ograniczenia dotyczące plików TTF i OTF. Konwertując czcionki do formatu WOFF/WOFF2, możesz mieć pewność, że spełniasz wymagania licencyjne dotyczące czcionek.

5. Wydajność:

Formaty czcionek WOFF i WOFF2 są ogólnie zoptymalizowane. Dlatego działają lepiej w środowiskach internetowych, co zapewnia płynniejsze i szybsze renderowanie tekstu.

Są to podstawowe elementy potrzebne do konwersji plików TTF i OTF do plików WOFF/WOFF2. Następnie przeprowadzimy Cię przez proces przesyłania czcionek.

WYBÓR CZCIONEK W STRONIE INTERNETOWEJ „FONT SQUIRRE L”.

Teraz zacznijmy od procesu wyboru czcionki i zbadajmy dalej.

• Wpisz „Sinkin Sans” w pasku wyszukiwania, a zobaczysz podgląd czcionki wraz z jej różnymi odmianami.
• Następnie pobierz plik OTF dla czcionki Sinkin Sans.

W tym samouczku wybraliśmy czcionkę „Sinkin Sans” . Możesz wybrać i używać dowolnej czcionki według własnych upodobań. Ponadto, jak wspomnieliśmy wcześniej, czcionka może mieć różne formaty. Tutaj plik czcionki Sinkin Sans jest w formacie OTF.

• Wyodrębnij plik .zip do wyznaczonego folderu.

GENERATOR CZCIONEK INTERNETOWYCH

Czcionki używane w programie do przesyłania niestandardowych czcionek Hash powinny mieć formaty plików WOFF i WOFF2. Jeśli więc pobrana czcionka jest w formatach plików WOFF i WOFF2, możesz pominąć poniższy krok i bezpośrednio przejść do narzędzia do przesyłania czcionek niestandardowych Hash. Jeśli jednak pobrana czcionka nie jest w formatach WOFF i WOFF2, konieczne będzie użycie Generatora/konwertera czcionek w celu wygenerowania plików czcionek WOFF i WOFF2.

• Będziemy korzystać z aplikacji internetowej Webfont Generator dostępnej na stronie internetowej Font Squirrel.
• Kliknij generator czcionek internetowych, jak wskazano nr 3 na poniższym zrzucie ekranu.

• Aby otrzymać zestaw, kliknij przycisk Prześlij czcionki i prześlij pobrane/wyodrębnione pliki czcionek

• W tym przypadku wybieramy „Sinkin Sans Regular”.
• Po dokonaniu wyboru wystarczy kliknąć Otwórz.
• Pobierz zestaw .

• Wyodrębnij pobrany zip. Zobaczysz, że generator czcionek internetowych utworzył pliki .WOFF i .WOFF2 niezbędne dla naszej wtyczki Hash Custom Font Uploader .

Przesyłanie niestandardowych czcionek do wtyczki Hash Custom Font Uploader

Czcionka Sinkin Sans jest już prawie gotowa do użycia na Twojej stronie internetowej, a dzieli Cię tylko kilka kroków. Postępuj zgodnie z poniższymi instrukcjami:

• Przejdź do narzędzia do przesyłania niestandardowych czcionek Hash
• Następnie prześlij pliki czcionek .woff2 i .woff zgodnie z instrukcją i pamiętaj o wybraniu grubości czcionki Normal 400 .
• W następnym kroku nadaj czcionce nazwę, aby ułatwić jej znalezienie, gdy jej potrzebujesz. W tym przypadku, ponieważ czcionka to Sinkin Sans, nazwaliśmy ją odpowiednio.
• Zapisz je, klikając „Zapisz ustawienia” .
• Po zapisaniu zobaczysz, jak czcionka Sinkin Sans pojawia się na dole. Oznaczało to również, że czcionka działa i możesz jej teraz używać.

Przesyłanie odmian niestandardowych czcionek

Czcionka może mieć różne style i wygląd. Tutaj dowiemy się, jak dodawać różne style czcionek tej samej czcionki.

Czcionka, którą wybraliśmy powyżej (Sinkin Sans) ma różne odmiany, takie jak cienka, lekka, zwykła, średnia, półpogrubiona, pogrubiona, czarna i kursywa.

Tutaj wybierzemy półodważny styl Sinkin Sans. Będziemy używać innej witryny konwertera czcionek zamiast „Font Squirrel”

Uwaga: w Internecie dostępnych jest wiele innych konwerterów. Tutaj używamy CloudConvert.

• Na początek przejdź do konwertera OTF, który konwertuje nasze pliki do plików .woff2 i .woff.
• Tutaj możesz zobaczyć, że pomaga łatwo konwertować pliki. Wybierz pliki, do których chcesz dokonać konwersji. Tutaj skonwertujemy plik Sinkin Sans semi pogrubiony .otf na .woff i .woff2
• Po wybraniu pliku do konwersji kliknij „ Wybierz plik” na pulpicie.
• Konwertuj pliki, zajmie to trochę czasu.
• Po zakończeniu konwersji zapisz niezbędne pliki na swoim komputerze.

• Przejdź do narzędzia do przesyłania niestandardowych czcionek Hash
• Podczas dodawania grubości tej samej czcionki kliknij „ Dodaj grubość czcionki” zamiast klikać „Dodaj nową czcionkę”.

• Następnie prześlij pliki czcionek .woff2 i .woff zgodnie z instrukcją i pamiętaj, aby wybrać grubość czcionki SemiBold 600 .
• Kliknij przycisk „Zapisz ustawienia” , aby je zapisać.
• Możesz zobaczyć, jak wygląda tekst. Tekst jest bardziej pogrubiony niż tekst powyżej.
• Podobnie możesz dodać więcej odmian czcionki, klikając „ Dodaj grubość czcionki ”, a inną czcionkę, klikając „ Dodaj nową czcionkę ”.

KORZYSTANIE Z CZCIONEK NA SWOJEJ STRONIE INTERNETOWEJ

Użyjmy przesłanej czcionki na stronie internetowej.

• Przejdź do Wygląd> Dostosuj .
• W Ustawieniach typografii znajdź opcję „Treść” , aby móc dalej dostosowywać.”
• W opcji „Rodzina czcionek” wyszukaj „Sinkin Sans” i wybierz go.
• Po wybraniu czcionki w „ Grubość/styl czcionki ” zostanie wyświetlona odmiana, którą dodaliśmy wcześniej (Normalna 400 i Półpogrubiona).
• Wybierz odpowiednią odmianę, a następnie zobacz zmiany na żywo w prawym oknie dostosowywania.
• Możesz dostosować rozmiar czcionki, odstępy między literami i wysokość linii według własnych upodobań.
• Gdy wszystko będzie już gotowe, kliknij „Opublikuj” , aby zastosować zmiany, a Twoja witryna zyska nowy wygląd.

To wszystko, co musisz zrobić, aby przesłać niestandardowe czcionki. Jeśli masz jakiekolwiek wątpliwości, zawsze możesz się z nami skontaktować.