Hur har människor coola teckensnitt på Tumblr?

Om du använder Tumblr, du har förmodligen sett bloggar med coola teckensnitt och effekter. Du kan få coola teckensnitt på din Tumblr -blogg på två sätt. Antingen installera ett tema som innehåller de teckensnitt du gillar, eller sätt in någon kod i HTML -temat som refererar till det coola teckensnitt du vill använda. Efter att du har lagt in referensen, redigera "font-family" -attributet för varje temaelement som ska ändras.

Tumblr -teman

Välj bland hundratals gratis och avgiftsmässiga teman direkt från menyn Tumblr Customize. Öppna instrumentpanelen för bloggen att ändra, klicka sedan på "Anpassa" -fliken för att öppna temat i redigeringsläge med panelen Anpassa i det vänstra sidofältet. Klicka på länken "Bläddra bland teman" för att öppna tematrädgården. Klicka på nedåtpilen för att begränsa din sökning till specifika kategorier, som "Minimal". Du kan också söka efter ett specifikt temanamn genom att klicka på ikonen Sök, sedan skriva namnet på temat i sökrutan.

När du hittar ett tema du gillar, klicka på temat, klicka sedan på "Använd" i panelen Anpassa för att tilldela temat till din blogg. Förhandsgranska temat i förhandsgranskningsrutan, klicka sedan på "Spara" för att spara ändringarna.

Anpassade teman

Om du är en erfaren kodare, du kan skapa dina egna anpassade HTML -teman för din Tumblr -blogg. Tumblr ger en guide för att skapa ditt eget anpassade tema (länk i resurser). Designa ditt tema med de teckensnitt du önskar, applicera sedan temat på din Tumblr -blogg. Öppna bloggtemat i redigeringsläge med panelen Anpassa i det högra sidofältet. Klicka på "Redigera HTML" för att öppna HTML -redigeraren, välj sedan och ta bort all HTML -kod. Klistra in din anpassade kod i HTML -redigeringsfönstret, spara sedan dina ändringar.

Om du behöver återgå till en tidigare version av ditt tema eller återgå till det ursprungliga Tumblr -temat, öppna verktyget Tumblr Theme Recovery i en webbläsare (se Resurser), klicka sedan på "Återställ" bredvid temaversionen för att återställa.

Redigera teckensnittsfamilj

Du kan redigera attributet ”font-family” för varje temaelement som ska ändras. Öppna temat i redigeringsläge med menyn Anpassa synlig, klicka sedan på länken "Redigera HTML". Tryck på "Ctrl-F" för att öppna dialogrutan Sök och ersätt i redigeraren. Skriv "font-family" i rutan Sök för att hitta varje instans av attributet "font-family". Redigera namnet på teckensnittsfamiljen för varje temaelement som ska ändras. Till exempel, för att ändra teckensnitt för din bloggs titel, leta upp attributet "font-family" för variabeln ".blogtitle". Redigera teckensnittsfamiljen enligt dina specifikationer. Klicka på "Uppdatera förhandsgranskning" för att se dina ändringar i förhandsgranskningsfönstret innan du sparar. Klicka på "Spara" för att spara ändringarna.

Anpassade teckensnitt

Installera ett anpassat teckensnitt som inte nödvändigtvis stöds på Tumblr -plattformen genom att inkludera en referens till teckensnittet mellan taggarna och . Google erbjuder Google Fonts, en tjänst som är värd för teckensnitt du kan länka till från ditt tema. Använda värdiga teckensnitt, som de som är tillgängliga från Google Fonts, låter dig länka till teckensnitt som inte är tillgängliga på Tumblr -plattformen. När du länkar till ett värdteckensnitt, teckensnittskällan finns på den värdbaserade servern.

Om du vill använda Googles teckensnitt eller en liknande teckensida med värd, öppna webbplatsen i en webbläsare och välj det teckensnitt du vill använda på din blogg. Generera HTML -referenskoden för teckensnittet. För att generera kodwidgeten på webbplatsen för Google Fonts, klicka på knappen "Snabb användning" för det valda teckensnittet. Kopiera koden till ditt urklipp.

Raden med HTML -kod visas ungefär som:

Infoga ovanstående referens i avsnittet i ditt tema. Observera värdet på attributet "family =", eftersom detta är det värde du kommer att använda för att ersätta de befintliga teckensnittsfamiljposterna. När det gäller exemplet ovan, du skulle ändra alla önskade "font-family" -instanser till "Audiowide" i ditt Tumblr-tema. Spara temat, stäng sedan redaktören.

Överväganden

Tumblr stöder teckensnittsändringar i teman, dock, du kan inte använda olika teckensnitt i Tumblr -inlägg. Tumblr -plattformen tar bort de flesta HTML- och CSS -koder från inlägg innan de publiceras. Du kan redigera "font-family" -attributet för Post-variablerna i temat, som kommer att ändra all text i alla dina inlägg till önskad typsnittsfamilj.