Question

我正在尝试将我下载的特定文本用于CSS。我有其他正在运行的字体。我必须为H2线创建一个文本图像。我希望p有相同的文字。我希望他们两个都能工作而不必创建一个png图像来获得我想要的文本。我将文本文件上传到我的公共文件夹中。这是我的CSS代码：

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

Answer 1

请创建这样的自定义字体

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

然后使用您想要的字体系列。

Answer 2

首先，我建议您使用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 Fonts突然无法使用Paper Daisy，因此您必须将其“安装”到您的网站上。你可以找到“如何做到这一点？”的答案。在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;
}

自定义文本css没有采取

2 个答案: