Как установить пользовательский шрифт на мой сайт html

У меня возникли проблемы с использованием шрифта Cg Omega на моем сайте.Как установить пользовательский шрифт на мой сайт html

Вот мой HTML:

<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="description" content=""> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="font.css"> 
    <style type="text/css"> 
    /* when @font-face is defined(it is in font.css) you can add the font to any rule by using font-family */ 
    h1 { 
     font-family: 'cgomeg'; 
    } 
    </style> 
</head> 
<body> 
    <h1>Lorem Ipsum</h1> 
    <p class="the-font">Lorem ipsum dolor sit amet</p>

И это мой CSS:

@font-face { 
font-family: 'cgomeg'; 
src: local('cgomeg'), url('cgomeg.ttf') format('truetype'); 
} 


/* use this class to attach this font to any element i.e. 
<p class="the-font">Text with this font applied</p> */ 
.the-font { 
font-family: 'cgomeg' !important; 
}

Весь код кажется правильным, и все файлы находятся в правильном месте, я трижды проверено. Я также использовал другой шрифт, который я нашел на FontsForWeb.com, и тот работал, но этого не делал. Я действительно не знаю, что я делаю неправильно, мне нужен экспертный совет!

Спасибо!

источник

2015-06-24 Arsha Kiani

Во-первых, вы должны использовать !important, это будет трудно сделать классам наследия и сделать правила ребенка, поэтому правило CSS должно быть:

.the-font { 
    font-family: 'cgomeg'; 
}

Кроме того, при определении шрифта, имя Безразлично» т есть какой-либо тир, поэтому, когда вы примените его к h1 должен быть:

h1 { 
    font-family: 'cgomeg'; 
}

Примечания: Я предполагаю, что шрифт находится в той же папке, что и .css таблицы стилей.

источник

2015-06-24 17:32:11 Skatox

Да, он находится в той же папке, что и .css. Кроме того, ошибка была ошибкой, я исправил это. Однако шрифт все равно не изменился. –

Я использую Firefox, я проверяю правильный путь шрифта и загружается на панели «Сеть», также при проверке элемента я проверяю, какие правила применяют шрифт. Попробуйте правильно установить путь – Skatox

. Я все это пробовал, все равно не работает. –

Как установить пользовательский шрифт на мой сайт html

ответ

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