Я пытаюсь использовать пользовательский шрифт на веб-странице. Я, однако, почти ничего не знаю о HTML5 и CSS. Я хочу h1 тег, чтобы иметь собственный шрифт. У меня есть файл .ttf в той же папке, что и на веб-странице. Я пробовал это без успеха:Встроенные пользовательские CSS-шрифты в HTML5
<h1 style="text-align: center"; font-family="MinecrafterReg.ttf">Welcome to Ben's Minecraft</h1>
Может ли кто-нибудь еще мне помочь?
Палка это в тегах стиле:
@font-face {
font-family: MinecrafterReg;
src: url(MinecrafterReg.ttf);
font-weight:400;
Затем вставить это в тега h1:
<h1 style="text-align: center; font-family: MinecrafterReg">Welcome to Ben's Minecraft</h1>
Это не то, как вы должны использовать специальный шрифт на веб-сайте. Сначала вы должны использовать внешнюю таблицу стилей и иметь все свои css. Использование встроенных стилей не является большой практикой. Во-вторых, я не думаю, что вы можете ссылаться на файл .ttf, как хотите. Также обратите внимание, что ваш код имел неправильный встроенный формат. font-family: not =. Также весь встроенный стиль должен быть в кавычках. style = "text-align: center; font-family: 'Sigmar One', cursive;"
Это, как говорится, вы можете связать свой шрифт в своей «голове» вашего документа, а затем использовать встроенные стили в стиле h1. Вот способ сделать это с помощью шрифта google. Надеюсь это поможет!
<head>
<link href='https://fonts.googleapis.com/css?family=Sigmar+One' rel='stylesheet' type='text/css'>
</head>
<h1 style="text-align: center; font-family: 'Sigmar One', cursive;">Welcome to Ben's Minecraft</h1>
При оптимизации стилей производительности встраивание на самом деле очень полезно. –
связанные http://stackoverflow.com/questions/7512468/using-a-custom-ttf-font-in-css – cocoa