@SalmElena

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

К тегу <p> файла index.html:
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
		<link rel="stylesheet" href="mystyle.css" type="text/css">
</head>
<body>
	<p>Привет</p>
</body>
</html>

нужно применить шрифт Dited. В отдельном css файле указала:
@font-face{ 
	font-family: 'Dited';
	src: url(macroman/Dited-webfont.woff);
}
p{
	font-family: 'Dited';
}

Шрифт в следующей папке от html и css. Проблема в том, что шрифт работает только для английского языка. Скачивала с сайта fontsquirrel.com (Chrome).
  • Вопрос задан
  • 467 просмотров
Решения вопроса 1
rockfeeler
@rockfeeler
Фронтендер, дизайнер, верстальщик-перфекционист
1. Проверяем, что шрифт поддерживает кириллицу.
2. Качаем шрифт, если этот нужный.
3. Конвертируем ttf или otf в веб-шрифт.
4. Кладем то, что сконвертилось (шрифты и сгенерированный цсс) в желаемую папку в проект (например fonts/dited).
5. Подключаем сгенерированный цсс в проект, не забывая правильно прописать семейство шрифта, как он назван в полученном цсс.
6. Profit.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Chefranov
@Chefranov
Новичок
Так может шрифт в принципе не поддерживает русский?
и так будет немного правильнее записывать:
@font-face {
 font-family: 'Dited';
 src: url("macroman/Dited-webfont.woff") format('woff');
}

p {
  font-family: 'Dited', sans-serif;
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы