Как изменить шрифт абзаца на определенный шрифт CSS

Мне нужно изменить шрифт абзаца на определенный шрифт, мой шрифт находится в файле ttf. Также все локально (загружено в папку моего сайта). Вот мой код:Как изменить шрифт абзаца на определенный шрифт CSS

<!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 {шрифт -семейство: 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

Как изменить шрифт абзаца на определенный шрифт CSS

ответ

Смежные вопросы