Как подключить два шрифта через CSS? Нужно подключить ArialNarrow Bold и AGAalenBold Roman. И еще вопрос где можно найти эти шрифты?
3 ответа
@font-face {
font-family: ArialNarrow Bold;
src: url(ArialNarrowBold.ttf);
}
@font-face {
font-family: AGAalenBold Roman;
src: url(AGAalenBoldRoman.ttf);
}
.class1 {
font-family: "ArialNarrow Bold";
}
.class2 {
font-family: "AGAalenBold Roman";
}
http://htmlbook.ru/css/font-face
шрифты нужно поискать в интрнете для конвертации можно использовать:
http://www.fontsquirrel.com/tools/webfont-generator
http://www.web-font-generator.com/
в css файл
@font-face {
font-family: 'шрифт1';
src: url('шрифт1.eot');
src: url('шрифт1.eot?#iefix') format('embedded-opentype'),
url('шрифт1.woff') format('woff'),
url('шрифт1.ttf') format('truetype'),
url('шрифт1.svg#cuprumffuregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'шрифт2';
src: url('шрифт2.eot');
src: url('шрифт2.eot?#iefix') format('embedded-opentype'),
url('шрифт2.woff') format('woff'),
url('шрифт2.ttf') format('truetype'),
url('шрифт2.svg#cuprumffuregular') format('svg');
font-weight: normal;
font-style: normal;
}
-
Скачал оба шрифта с расширением файла ttf. Пытаюсь их конвертировать на сайте fontsquirrel.com/tools/webfont-generator, но выдает ошибку The font is corrupt and can not be converted. – spoilt 29 апр '14 в 8:00
-
@font-face {
font-family: "Font_name";
src: url("Fontname.woff2") format("woff2"),
url("Fontname.woff") format("woff");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Font_name";
src: url("Fontname.woff2") format("woff2"),
url("Fontname.woff") format("woff");
font-weight: 600;
font-style: bold;
}