GD Star Rating
loading...
loading...
Помогите нубу и лошаре советом.
Хочу встроить через @font-face очень красивый дизайнерский рукописный шрифт на свою хоумпагу на народе, а нифига не работает.
Если подробнее, шрифт представляет из себя 4 файла с расширением.otf: Name-Regular.otf, Name-Italic.otf, Name-Bold.otf, Name-Bold-Italic.otf/
Как их правильно подключить и как потом обращаться к ним в списке стилей, чтобы, например, сделать заголовок правильным болдом из этого шрифта?
Извините за, возможно, идиотский вопрос, но я правда очень хочу разобраться, а почитать толком ничего не нашлось, кроме общих мануалов.
Заранее благодарен.
Подключаешь так:http://www.w3schools.com/cssref/css3_pr_ …
Используешь так:
div
{
font-family: myFirstFont;
}
А куда девать несколько файлов шрифта? (болд, италик и т.д???)
Я и несколько раз пытался src использовать, и несколько правил @font-face – говно выходит.
Один файл подключается без проблем. Но, подключив, например, Name–Regular.otf, на странице я вижу только обычный шрифт. Болда и Италика нифига нету.
Или, может, все эти файлы в один можно как-то сбить?
Лучше сконвертируй шрифт черезfont-squirrel . Одного otf не достаточно — не все браузеры поймут.
А подключать так:
@font-face {
font-family: “Name”;
src: url(“Name-Regulat.otf”);
}
@font-face {
font-family: “Name”;
src: url(“Name-Bold.ttf”);
font-weight: bold;
}
@font-face {
font-family: “Name”;
src: url(“Name-Oblique.otf”);
font-style: italic, oblique;
}
@font-face {
font-family: “Name”;
src: url(“Name-Bold-Italic.otf”);
font-weight: bold;
font-style: italic, oblique;
}
ой, там Regular и otf вместо ttf, но думаю принцип понятен.
Как подключать он более лучше узнает из файла stylesheet.css, когда архив с белки скачает.
: Нотайс. Иногда белка неправильно конвертирует кириллические шрифты. Тогда выбери Expert mode, там тыкни Custom subsetting и выбери все те опции, которые тебе нужны от шрифта (в частности — Cyrillic).
в IE не работает ничего, кроме font-family и src, так что лучше задавать разные family для разных начертаний.
ПАЦАНЫ, ВСЕМ СПАСИБО! ЭТО РЕАЛЬНО РАБОТАЕТ!