2016-11-15 10 views
1

WordPressでカスタムフォントを使用しています。私はフォントファミリーを定義することでそれを行います。私は問題がある場合1行の間隔は私のフォント場合。カスタムCSSで行の高さのコードを使用すると、私はテーマになりますが、これは必須ではないすべてのフォントに適用されます。問題のあるフォントの行間隔を変更したいだけです。フォントファミリを定義する際に、フォントの行間隔を定義できますか?個々のフォントの行間隔

よろしく、 ABID

+0

問題の 'font-family'を使っているところで' line-height'を定義できないのはなぜですか? –

+0

問題が何であるかは不明です。 HTMLとCSSのスニペットを表示してください。 – isherwood

答えて

0

あなたは1クラスにline-heightfont-familyを実装することができます。私はこのような何かを意味:

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; 
} 

+0

はい、そういうものが必要です(フォント固有のCSS)。私は私のカスタムフォントのための次のコードを置く..PakNastaleeq-font { font-family:PakNastaleeq; 行の高さ:6; }でも結果は同じです。 http://abidkhan.tk/wp/ur/sssss/ –

+0

あなたはクラスを宣言しましたが、どこでも使用しないでください。 'テキスト' – Alex

+0

ありがとうございました。はい、そこに定義することで、私は行間隔を調整することができます。しかし、このようにして、すべてのテキストについてクラスを宣言しなければなりません。 WordPressのfontoプラグインを使ってWordPressのWYSIWYGエディタでテキストのフォントを選択します。これで行間隔を調整するには、WordPressのテキストエディタに行き、行間隔を定義する必要があります。 –

0

あなたはカスタムフォントを使用する各要素またはクラスの行の高さを定義する必要があります。

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

お返事ありがとうございました。私は上記のコードを使用してみましたが、結果は得られませんでした。それから私はアレックスが推薦するように私のフォントのクラスを宣言し、私の​​ポストでクラスを使用しました。 –

関連する問題