2017-06-22 55 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

你能提供文件树的图片/文件的组织?这可能会让我们更好地了解如何提供帮助。 –

+0

当你说“文本”时,你的意思是*字体*吗? – Johannes

回答

0

请创建这样

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

您的自定义字体然后使用字体系列W指定徘徊无论ü要。

0

首先我很乐意推荐使用谷歌字体(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> 

突然纸菊花是不是谷歌字体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; 
}