Als je Tumblr gebruikt, heb je waarschijnlijk blogs gezien met coole lettertypen en effecten. Je kunt op twee manieren coole lettertypen op je Tumblr-blog krijgen. Installeer een thema dat de lettertypen bevat die je leuk vindt, of voeg een code in het HTML-thema in die verwijst naar het coole lettertype dat je wilt gebruiken. Bewerk na het invoegen van de referentie het kenmerk "font-family" voor elk te wijzigen thema-element.
Tumblr-thema's
Kies uit honderden gratis en betaalde thema's rechtstreeks vanuit het Tumblr Customize-menu. Open het dashboard voor de blog om te wijzigen en klik vervolgens op het tabblad "Aanpassen" om het thema te openen in de bewerkingsmodus met het paneel Aanpassen in de linkerzijbalk. Klik op de link "Bladeren door thema's" om de thematuin te openen. Klik op de pijl-omlaag om uw zoekopdracht te beperken tot specifieke categorieën, zoals 'Minimaal'. U kunt ook naar een specifieke themanaam zoeken door op het pictogram Zoeken te klikken en vervolgens de naam van het thema in het zoekvak te typen.
Wanneer je een thema hebt gevonden dat je leuk vindt, klik je op het thema en vervolgens op 'Gebruik' in het deelvenster Aanpassen om het thema aan je blog toe te wijzen. Bekijk een voorbeeld van het thema in het voorbeeldvenster en klik vervolgens op "Opslaan" om de wijzigingen op te slaan.
Aangepaste thema's
Als je een ervaren codeur bent, kun je je eigen aangepaste HTML-thema's maken voor je Tumblr-blog. Tumblr biedt een handleiding voor het maken van uw eigen aangepaste thema (link in bronnen). Ontwerp je thema met de lettertypen die je wilt en pas het thema vervolgens toe op je Tumblr-blog. Open het blogthema in de bewerkingsmodus met het paneel Aanpassen in de rechterzijbalk. Klik op "HTML bewerken" om de HTML-editor te openen, selecteer en verwijder vervolgens alle HTML-code. Plak uw aangepaste code in het HTML-editorvenster en sla uw wijzigingen op.
Als u moet terugkeren naar een eerdere versie van uw thema of terug moet naar het oorspronkelijke Tumblr-thema, opent u de Tumblr Theme Recovery-tool in een browser (zie bronnen) en klikt u vervolgens op "Terugzetten" naast de themaversie die u wilt herstellen.
Lettertypefamilie bewerken
U kunt het kenmerk "font-family" voor elk te wijzigen thema-element bewerken. Open het thema in de bewerkingsmodus met het menu Aanpassen zichtbaar en klik vervolgens op de link 'HTML bewerken'. Druk op "Ctrl-F" om het dialoogvenster Zoeken en vervangen in de editor te openen. Typ "font-family" in het vak Zoeken om elk exemplaar van het kenmerk "font-family" te vinden. Bewerk de naam van de lettertypefamilie voor elk te wijzigen thema-element. Als u bijvoorbeeld het lettertype voor de titel van uw blog wilt wijzigen, zoekt u de "font-family".attribute voor de ".blogtitle"-variabele. Bewerk de lettertypefamilie naar uw specificaties. Klik op "Voorbeeld bijwerken" om uw wijzigingen in het voorbeeldvenster te zien voordat u ze opslaat. Klik op "Opslaan" om de wijzigingen op te slaan.
Aangepaste lettertypen
Installeer een aangepast lettertype dat niet noodzakelijk wordt ondersteund op het Tumblr-platform door een verwijzing naar het lettertype op te nemen tussen de between
en labels. Google biedt Google Fonts aan, een service die lettertypen host waarnaar u kunt hotlinken vanuit uw thema. Door gehoste lettertypen te gebruiken, zoals die beschikbaar zijn via Google Fonts, kun je linken naar lettertypen die niet beschikbaar zijn op het Tumblr-platform. Wanneer u een koppeling maakt naar een gehost lettertype, bevindt de lettertypebron zich op de gehoste server.Als u Google Fonts of een vergelijkbare gehoste lettertypesite wilt gebruiken, opent u de site in een browser en kiest u het lettertype dat u op uw blog wilt gebruiken. Genereer de HTML-referentiecode voor het lettertype. Om de codewidget op de Google Fonts-site te genereren, klikt u op de knop "Snel gebruik" voor het geselecteerde lettertype. Kopieer de code naar je klembord.
De regel HTML-code ziet er ongeveer zo uit:
Plaats de bovenstaande verwijzing in de
onderdeel van je thema. Let op de waarde van het kenmerk "family=", aangezien dit de waarde is die u gaat gebruiken om de bestaande font-family-items te vervangen. In het geval van het bovenstaande voorbeeld zou je alle gewenste "font-family" -instanties wijzigen in "Audiowide" in je Tumblr-thema. Sla het thema op en sluit vervolgens de editor.Overwegingen
De Tumblr ondersteunt lettertypewijzigingen in thema's, maar u kunt geen verschillende lettertypen gebruiken in Tumblr-berichten. Het Tumblr-platform verwijdert de meeste HTML- en CSS-code uit berichten voordat deze worden gepubliceerd. U kunt het kenmerk "font-family" voor de Post-variabelen in het thema bewerken, waardoor alle tekst in al uw berichten wordt gewijzigd in de gewenste lettertypefamilie.
