So ändern Sie die Quote Fonts auf Tumblr

April 15

So ändern Sie die Quote Fonts auf Tumblr

Tumblr können Sie Ihre persönliche Tumblr Seite machen es fast keiner Weise gewünschte Aussehen anpassen. Beispielsweise können standardmäßig ist Tumblr Zitate--auch genannt Blockquotes--packt ziemlich eng zusammen, die ihnen schwer zu unterscheiden von Ihren eigenen Text machen. Sie können dies ändern, indem Sie Angebote auseinander mit einer benutzerdefinierten Schriftart festlegen. Um die Formatierung der Blockquote-Schriftart ändern, ändern Sie Tumblrs interne Stylesheets.

Wahl Ihrer neuen Zitat-Schrift

Bevor Sie mit der Bearbeitung beginnen, wählen Sie die Schriftart, die Sie für Zitate verwenden möchten. Stellen Sie sicher, dass es eine "Web-Safe"-Schrift, d.h. eine gemeinsame Schrift, die meisten Computern und Geräten bereits. Wenn Sie eine dunkle Schrift verwenden, werden eine generische Schriftart Geräte ohne es stattdessen angezeigt werden. Sie sollten auch vermeiden urheberrechtlich geschützte Schriftarten verwenden, wie sie beide dunkel sind und erfordern die ausdrückliche Genehmigung des Rechteinhabers. Die Website CSS Font Stack hat eine Liste von Web-Safe, nicht-proprietäre Schriften, sowie ein Tool, das schnell kopiert den gewünschten in Ihre Zwischenablage. Beachten Sie, dass es statt nur einer Schriftart, CSS Font Stack verwendet "Schriftart Stapel." Diese ausfallsichere Design gibt mehrere Schriftarten von zunehmend generische Qualität, damit, dass bei ein Benutzer nicht die erste Schriftart, die Sie ihrem Browser überprüft stattdessen für die zweite Schriftart wählen, dann die dritte Schriftart und so weiter. Wenn Sie einen Schriftart-Stack verwenden, wird die Schriftart-Definition wie folgt aussehen:

Font-Family: Arial, "Helvetica Neue", Helvetica, sans-Serif;

Die Syntax ist wichtig; "Font-Family" ist die CSS-Eigenschaft, die Schriften, festgelegt, während die Kommas trennen Sie jede zunehmend generische Schriftart. Für eine einzelne Schriftart brauchen Sie nicht Kommas. Darüber hinaus beachten Sie die Anführungszeichen um "Helvetica Neue", die für Mehrwort-Schriften erforderlich sind. Schließlich sagt das Semikolon am Ende Browser, denen die Anweisungen für diese besondere Erklärung--in diesem Fall die Schriftart festlegen--vorbei sind.

Verständnis der Aufgabe

Um Schriftarten in Tumblr zu ändern, fügen Sie eine einzelne Zeile des CSS-Markup. CSS--Cascading Style Sheets--ist keine Programmiersprache und du musst nicht verstehen, Programmierung, dies zu tun. CSS ist das primäre Tool für das Erscheinungsbild einer Webseite festlegen. Um die Zitat-Schriftarten für Ihre Tumblr zu ändern, erstellen Sie eine CSS-Anweisung in Ihrem Tumblr anpassbare Theme.

Zugriff auf Ihr Thema und Ihre Blockquote-Definition

Einloggen auf Tumblr und gehen auf Ihre Homepage. Um Ihr Thema zu gelangen, klicken Sie auf "Thema bearbeiten" neben der Schaltfläche "Dashboard". Klicken Sie auf "HTML bearbeiten" unter dem Abschnitt benutzerdefiniertes Design, HTML-Editor zu öffnen.

In HTML enthält das Element mit dem Namen "Blockquote" Langform Angebote, so dass Sie für den Teil des Stylesheets suchen werde, die Blockquote Formatierung regelt. Klicken Sie irgendwo in den HTML-Editor, und drücken Sie "Strg-F" Suchfeld den Editor zu öffnen. Geben Sie "Blockquote" (ohne Anführungszeichen). Das erste Ergebnis sollten die richtigen sein, einige benutzerdefinierte Designs variieren. Eine gewünschte sollte stark eingezogen, und sollte etwa wie folgt aussehen:

Wrapper #content .post .copy Blockquote {} Margin: 10px 0px 10px 10px;Textabstand links: 15px;linke Grenze: 4px solid #dcdcdc;}

Die bestimmten Werte können unterschiedlich sein. Der Schlüssel ist, dass das Wort "Blockquote" nur ein Mal vor der öffnenden geschweiften Klammer erscheint {.

Eingabe der neuen CSS-Deklaration

Klicken Sie einfach hinter das abschließende Semikolon, und stellen Sie sicher, dass es vor der schließenden Klammer}. Drücken Sie "Enter", um eine neue Zeile zu erstellen. Tumblr Editor sollte automatisch Einrücken der Zeile für Sie, aber keine Sorge, wenn es nicht, denn der Einzug nur für visuelle Darstellung leichter lesen. Fügen Sie in der neuen Zeile ein, oder geben Sie die Schriftart, die Sie für Zitate verwenden möchten. Es sollte aussehen, die Namen der Schriftarten, die Sie für die hier angeführten Beispiele verwenden möchten ersetzen:

Font-Family: Arial;

Oder, wenn Sie einen Schriftart-Stack verwenden, es sollte etwa so aussehen:

Font-Family: Arial, "Helvetica Neue", Helvetica, sans-Serif;

Im Kontext sollte die neue Linie der CSS so aussehen:

Wrapper #content .post .copy Blockquote {} Margin: 10px 0px 10px 10px;Textabstand links: 15px;linke Grenze: 4px solid #dcdcdc;Font-Family: Arial, "Helvetica Neue", Helvetica, sans-Serif;}

Sobald beendet, klicken Sie "Vorschau aktualisieren" an der Spitze des HTML-Editors. Die Änderungen können nicht in der Vorschau angezeigt, so klicken Sie "Speichern" und laden Sie dann Ihre Tumblr-Homepage in einem neuen Browser-Tab. Wenn Sie alles richtig gemacht haben, sehen Sie die neue Schriftart für alle zitierten Inhalte. Beachten Sie, dass je nach Schriftart können, die Sie auswählen, Sie können eine andere Linie von CSS, die Schriftgröße größer oder kleiner zu machen hinzufügen möchten. Dafür verwenden Sie die Eigenschaft "Font-Size", und geben Sie einen Prozentwert, wie folgt:

Schrift-Größe: 120 %;

Denken Sie daran, um es vor der schließenden Klammer, und denken Sie daran Ihre Semikolon.