段落のフォントを特定のフォントに変更する方法

段落のフォントを特定のフォントに変更する必要があります。私のフォントはttfファイルにあります。また、すべてがローカルです（Webサイトのフォルダにダウンロードされます）。ここに私のコードは次のとおりです。段落のフォントを特定のフォントに変更する方法

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" 
"http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
    <head> 
     <title>Unwritten</title> 
     <link rel="icon" href="cloak.png"> 
    <style> 
     body { 
      margin-bottom: 200%; 
      background-image: url("site.png"); 
      background-repeat: no-repeat; 
      background-size: cover; 
     } 

     #download_button { 
      position:absolute; 
      transition: .5s ease; 
      top: 50%; 
      left: 50%; 
      background-color: transparent; 
      background-repeat:no-repeat; 
      border: none; 
      cursor:pointer; 
      overflow: hidden; 
      outline:none; 
      font: "font.ttf"; 
     } 
    </style> 
</head> 
<body> 
    <header> 
     <p class="buttons">This is in a font.<p> 
    </header> 
    <section> 

    </section> 
    <footer> 
    </footer> 
</body>

出典

2017-02-22 Hayden Steed

.buttons {フォント-family：yourFont;} – sol

まずあなたはCSSを経由して、あなたのフォントをインポートする必要があります。

@font-face { 
    font-family: 'FontName'; 
    src: url('fontname.eot'); 
    src: url('fontname?#iefix') format('embedded-opentype'), 
    url('fontname.svg#Locaweb-Icons') format('svg'), 
    url('fontname.ttf') format('truetype'); 
    font-weight: normal; 
    font-style: normal; 
}

その後、あなたはそれを使用することがあります。

p.buttons { 
    font-family: 'FontName'; 
}

出典

2017-02-22 15:05:30

段落のフォントを特定のフォントに変更する方法

答えて

関連する問題