2017-06-22 6 views
-1

私はこの特定のテキストを取得しようとしていますが、CSSを使用するためにダウンロードしました。私は働いている他のフォントを持っています。私はH2線のためのテキストのイメージを作成しなければならなかった。私はpが同じテキストを持つことを望みます。私は、私が望むテキストを持つためにpngイメージを作成しなくても、両方とも仕事をしたいと思います。テキストファイルを自分のパブリックフォルダにアップロードしました。これは私のCSSコードです:カスタムテキストCSSを使用しない

p{ 
padding-top: 30px; 
padding-right: 20px; 
font-family: "Paper Daisy"; 
src: url("img.paperdaisy.ttf"); 
font-size: 20px; 
} 
+0

あなたは –

+0

があなたのfiletreeの画像を提供することができます何をしたいクリアしません/ファイル編成?それが、私たちの助けになる方法についてのより良いイメージを与えるかもしれません。 –

+0

"text"と言うとき、* font *を意味しますか? – Johannes

答えて

0

uがしたいwhereever uが指定されたフォントファミリを使用すると、この

@font-face 
{ 
font-family:yourfontname; 
src:url(specify url here) ; 
} 

のようなあなたのカスタムフォントを作成してください。

0

まずはGoogleフォント(https://fonts.google.com/)の使用をおすすめします。あなたのウェブサイトでそれらを使用するのは超簡単です。あなただけのフォントを選択し、このようにそれを使用することができます:

<html> 
    <head> 
    <link rel="stylesheet" 
      href="https://fonts.googleapis.com/css?family=Tangerine"> 
    <style> 
     body { 
     font-family: 'Tangerine', serif; 
     font-size: 48px; 
     } 
    </style> 
    </head> 
    <body> 
    <div>Making the Web Beautiful!</div> 
    </body> 
</html> 

あなたはあなたのウェブサイトにそれを「備え付ける」する必要がありますので、突然、紙デイジーは、Googleのフォントでのavaibleではありません。あなたは「それを行う方法」に対する答えを見つけることができます。 w3schools.com(https://www.w3schools.com/css/css3_fonts.asp)。

使用するCSSファイルで:

@font-face { 
    font-family: Paper Daisy; 
    src: url(LINKTOFONT.ttf); 
} 

そして、あなたがしたいページで作業するフォント:

p { 
    font-family: Paper Daisy; 
} 
関連する問題