każdy z nas chce mieć swój wyjątkowy podpis, ale google fonts ma ograniczone pole manewru. jak więc mieć coś własnego, niepowtarzalnego i ciekawego? 10 prostych kroków pomoże Ci mieć swój wymarzony podpis bez potrzeby tworzenia obrazków z wieloma wariacjami - teraz będziesz podpisywać się, jak chcesz bez większego wysiłku!

Jak zainstalować czcionkę?
1. udajemy się na stronę https://www.dafont.com/ i wybieramy czcionkę, która nas interesuje. załóżmy, że jest nią ta czcionka. klikamy pobierz.

2. na komputerze wypakowujemy plik zip.

3. udajemy się na stronę https://www.dropbox.com/ rejestracja jest darmowa.

4. przesyłamy plik z komputera na dropbox UWAGA! PRZESYŁAMY JEDYNIE PLIK Z FOLDERU Z DANĄ CZCIONKĄ O FORMACIE .TTF LUB .OTF

5. po przesłaniu, na dropbox klikamy opcję udostępnij. następnie utwórz łącze oraz kopiuj łącze.

6. mamy nasz link https://www.dropbox.com/s/054qskv5bes4fkd/Really%20Distinct.ttf?dl=0 teraz chcemy go umieścić w liście

7. idziemy do swojego kodu listu. surowy kod wygląda tak

Kod:

<div class="sowa"><div class="ob1" style="background-image:url('LINK DO OBRAZKA TWOJEJ SOWY');"><!--

--><div class="sowa2"><span class="p">Przeczytaj </span><span class="pdt"><!--

--> NADAWCA <!--

--></span><div class="sowa3"><span class="adresat"><!--

--> ADRESAT <!--

--></span><span class="tresc"><!--

--> TREŚĆ WIADOMOŚCI <!--

--><span class="podpis"><!--

--> PODPIS <!--

--></span></span></div></div></div></div>

8. wpierw musimy spersonalizować podpis, którym posługuje się nasza postać. tworzymy więc nową klasę div.

Kod:

--> PODPIS <!--

zastępujemy

Kod:

--><div class="nazwadiv">PODPIS</div><!--

UWAGA! nazwę divu nadajemy sami i nie mogą się one powtarzać na stronie. najlepiej więc gdyby to było imię naszej postaci i pierwsza litera nazwiska. w moim przypadku w pole nazwadiv wpiszę jaydenv. to bardzo ważne, bo jeśli nasz korespondent będzie miał taką samą nazwę klasy jak my, nasze podpisy będą jednakie i styl się rozjedzie.

9. na początek kodu listu wklejamy styl, który będzie odpowiadał za czcionkę. w naszym przypadku mamy link do czcionki i nazwę. uwaga: żeby kod poprawnie wczytywał się pod ikonką sowy w okienku pisania postów kod czcionki powinien się znaleźć po pierwszym divie sowy zgodnie ze wzorem poniżej.
https://www.dropbox.com/s/054qskv5bes4fkd/Really%20Distinct.ttf?dl=0 oraz  Really Distinct. link do czcionki musimy dostosować, dlatego zmieniamy początkowy człon "https://www.dropbox.com" na "https://dl.dropbox.com". nasz kod będzie więc prezentował się w ten sposób:

Kod:

<div class="sowa"><style>@font-face {font-family:'Really Distinct';src:url(https://dl.dropbox.com/s/054qskv5bes4fkd/Really%20Distinct.ttf?dl=0) format('truetype');} .jaydenv {font-size: 40px; font-family: 'Really Distinct';font-weight: bolder;} </style><div class="ob1" style="background-image:url('LINK DO OBRAZKA TWOJEJ SOWY');"><!--

wielkość, wagę, kolor czcionki można zmieniać w zależności od preferencji.

10. nasz list ma już nowy podpis!





przykłady innych, zainstalowanych czcionek



[bylobrzydkobedzieladnie]

dzięki wielkie za podrzucenie tej strony<3

edit. korzystam, polecam, wszystko pięknie śmiga!

Dzięki Jayden!!

Wielkie dzięki za instruktaż Mistrzu
Co prawda, niektórzy nie umieją nawet z tym sobie poradzić, ale dobra dusza czuwa

Świetnie, dziękuję!! Mam piękną czcionkę, teraz niech inni próbują ją rozczytać :D