2016-11-15 2 views
1

Ich verwende benutzerdefinierte Schriftarten in WordPress. Ich mache es, indem ich die Schriftfamilie definiere. Ich habe ein Problem, wenn der Zeilenabstand mit Eins für meine Schriftarten ist. Wenn ich Zeilenhöhencode in meinem benutzerdefinierten CSS-Thema verwende, wird es auf alle Zeichensätze angewendet, die nicht benötigt werden. Ich möchte nur den Zeilenabstand der problematischen Schriftart ändern. Können wir den Zeilenabstand für eine Schriftart definieren, während wir ihre Schriftfamilie definieren?Zeilenabstand für einzelne Schriftarten

Mit besten Grüßen, Abid

+0

Warum können Sie die 'line-height' nicht definieren, wo auch immer Sie diese problematische' font-family' verwenden? –

+0

Es ist nicht klar, was das Problem ist. Bitte zeigen Sie einen Ausschnitt Ihres HTML und CSS. – isherwood

Antwort

0

Sie können font-family mit line-height in einer Klasse implementieren. Ich meine, so etwas wie dieses:

HTML:

<div class="lato-font">Text</div> 
<div class="monospace-font">Text</div> 

CSS:

.lato-font { 
    font-family: Lato, sans-serif; 
    line-height: 1.6; 
} 
.monospace-font { 
    font-family: monospace, serif; 
    line-height: 1.6; 
} 

In diesem Fall können Sie benutzerdefinierte Zeilenhöhe für jede Schriftart einstellen.

+0

Ja, ich möchte so etwas (font specific css). Ich legte folgenden Code für meine benutzerdefinierte Schriftart .. PakNastaleeq-font { Schriftfamilie: PakNastaleeq; Zeilenhöhe: 6; } aber Ergebnis dil gleich. Sie können auf http://abidkhan.tk/wp/ur/sssss/ –

+0

sehen. Sie haben eine Klasse deklariert, aber verwenden Sie sie nirgendwo. Versuchen Sie, diese Klasse hinzufügen für jedes HTML-Element auf Ihrer Seite wie: ' Text' – Alex

+0

Vielen Dank. Ja, indem ich dort definiere, kann ich meinen Zeilenabstand anpassen. Aber auf diese Weise muss ich die Klasse für jeden Text deklarieren. Ich benutze das Plugin fonto in WordPress, mit dem ich die Schriftart des Textes im WYSIWYG-Editor von WordPress auswähle. Jetzt anpassen Abstand es die Linie, muss ich Texteditor von Wordpress gehen und Zeilenabstand definieren. –

0

Sie werden für jedes Element oder Klasse line-height definieren müssen, die die benutzerdefinierte Schriftart verwendet.

h1,h2,h3,h4,h5,h6,.lead-text,.some-other-class,li { 
    font-family: ######; 
    line-height: 20px; 
} 
+0

Vielen Dank für Ihre Antwort. Ich habe versucht, den obigen Code zu verwenden, aber die Ergebnisse nicht erhalten. Dann erklärte ich die Klasse meiner Schriftart wie Alex empfohlen und benutzte die Klasse in meinem Beitrag. –