Wie haben Leute coole Schriftarten auf Tumblr?

Wenn Sie Tumblr verwenden, haben Sie wahrscheinlich Blogs mit coolen Schriftarten und Effekten gesehen. Sie können auf zwei Arten coole Schriftarten in Ihrem Tumblr-Blog erhalten. Installieren Sie entweder ein Design, das die gewünschten Schriftarten enthält, oder fügen Sie Code in das HTML-Design ein, der auf die coole Schriftart verweist, die Sie verwenden möchten. Bearbeiten Sie nach dem Einfügen der Referenz das Attribut „font-family“ für jedes zu ändernde Designelement.

Tumblr-Themen

Wählen Sie aus Hunderten von kostenlosen und gebührenpflichtigen Themen direkt aus dem Tumblr-Menü „Anpassen“. Öffnen Sie das Dashboard für den zu ändernden Blog und klicken Sie dann auf die Registerkarte „Anpassen“, um das Thema im Bearbeitungsmodus mit dem Bedienfeld „Anpassen“ in der linken Seitenleiste zu öffnen. Klicken Sie auf den Link „Themen durchsuchen“, um den Themengarten zu öffnen. Klicken Sie auf den Abwärtspfeil, um Ihre Suche auf bestimmte Kategorien einzuschränken, z. B. "Minimal". Sie können auch nach einem bestimmten Themennamen suchen, indem Sie auf das Symbol Suchen klicken und dann den Namen des Themas in das Suchfeld eingeben.

Wenn Sie ein Thema gefunden haben, das Ihnen gefällt, klicken Sie auf das Thema und dann im Bereich „Anpassen“ auf „Verwenden“, um das Thema Ihrem Blog zuzuweisen. Zeigen Sie eine Vorschau des Themas im Vorschaubereich an und klicken Sie dann auf „Speichern“, um die Änderungen zu speichern.

Benutzerdefinierte Themen

Wenn Sie ein erfahrener Programmierer sind, können Sie Ihre eigenen benutzerdefinierten HTML-Themen für Ihren Tumblr-Blog erstellen. Tumblr bietet eine Anleitung zum Erstellen Ihres eigenen benutzerdefinierten Designs (Link in Ressourcen). Gestalten Sie Ihr Design mit den gewünschten Schriftarten und wenden Sie das Design dann auf Ihren Tumblr-Blog an. Öffnen Sie das Blog-Theme im Bearbeitungsmodus, wobei das Bedienfeld Anpassen in der rechten Seitenleiste angezeigt wird. Klicken Sie auf „HTML bearbeiten“, um den HTML-Editor zu öffnen, wählen Sie dann den gesamten HTML-Code aus und löschen Sie ihn. Fügen Sie Ihren benutzerdefinierten Code in das HTML-Editorfenster ein und speichern Sie Ihre Änderungen.

Wenn Sie zu einer früheren Version Ihres Designs zurückkehren oder zum ursprünglichen Tumblr-Design zurückkehren müssen, öffnen Sie das Tumblr-Design-Wiederherstellungstool in einem Browser (siehe Ressourcen) und klicken Sie dann neben der wiederherzustellenden Designversion auf „Zurücksetzen“.

Schriftfamilie bearbeiten

Sie können das Attribut „font-family“ für jedes Designelement bearbeiten, um es zu ändern. Öffnen Sie das Design im Bearbeitungsmodus mit sichtbarem Menü Anpassen und klicken Sie dann auf den Link "HTML bearbeiten". Drücken Sie „Strg-F“, um das Dialogfeld Suchen und Ersetzen im Editor zu öffnen. Geben Sie „font-family“ in das Suchfeld ein, um jede Instanz des „font-family“-Attributs zu finden. Bearbeiten Sie den Namen der Schriftfamilie für jedes zu ändernde Designelement. Um beispielsweise die Schriftart für den Titel Ihres Blogs zu ändern, suchen Sie das Attribut „font-family“. für die Variable „.blogtitle“. Bearbeiten Sie die Schriftfamilie nach Ihren Vorgaben. Klicken Sie auf "Vorschau aktualisieren", um Ihre Änderungen vor dem Speichern im Vorschaubereich anzuzeigen. Klicken Sie auf „Speichern“, um die Änderungen zu speichern.

Benutzerdefinierte Schriftarten

Installieren Sie eine benutzerdefinierte Schriftart, die auf der Tumblr-Plattform nicht unbedingt unterstützt wird, indem Sie einen Verweis auf die Schriftart zwischen den und Stichworte. Google bietet Google Fonts an, einen Dienst, der Schriftarten hostet, auf die Sie von Ihrem Theme aus per Hotlink verweisen können. Durch die Verwendung von gehosteten Schriftarten, wie sie von Google Fonts verfügbar sind, können Sie auf Schriftarten verlinken, die auf der Tumblr-Plattform nicht verfügbar sind. Wenn Sie eine Verknüpfung zu einer gehosteten Schriftart herstellen, befindet sich die Schriftartenquelle auf dem gehosteten Server.

Um Google Fonts oder eine ähnlich gehostete Schriftarten-Site zu verwenden, öffnen Sie die Site in einem Browser und wählen Sie die Schriftart aus, die Sie in Ihrem Blog verwenden möchten. Generieren Sie den HTML-Referenzcode für die Schriftart. Um das Code-Widget auf der Google Fonts-Site zu generieren, klicken Sie auf die Schaltfläche „Schnellverwendung“ für die ausgewählte Schriftart. Kopieren Sie den Code in Ihre Zwischenablage.

Die HTML-Codezeile sieht ähnlich aus wie:

Fügen Sie die obige Referenz in die Abschnitt Ihres Themas. Notieren Sie sich den Wert des Attributs „family=“, da dies der Wert ist, den Sie verwenden, um die vorhandenen font-family-Einträge zu ersetzen. Im obigen Beispiel würden Sie alle gewünschten „font-family“-Instanzen in Ihrem Tumblr-Theme in „Audiowide“ ändern. Speichern Sie das Design und schließen Sie dann den Editor.

Überlegungen

Tumblr unterstützt Schriftartänderungen in Designs, Sie können jedoch in Tumblr-Beiträgen keine anderen Schriftarten verwenden. Die Tumblr-Plattform entfernt den meisten HTML- und CSS-Code aus Beiträgen vor der Veröffentlichung. Sie können das Attribut „font-family“ für die Post-Variablen im Theme bearbeiten, wodurch der gesamte Text in all Ihren Beiträgen in die gewünschte Schriftfamilie geändert wird.