GD Star Rating
loading...

Помогите нубу и лошаре советом.
Хочу встроить через @font-face очень красивый дизайнерский рукописный шрифт на свою хоумпагу на народе, а нифига не работает.

Если подробнее, шрифт представляет из себя 4 файла с расширением.otf: Name-Regular.otf, Name-Italic.otf, Name-Bold.otf, Name-Bold-Italic.otf/
Как их правильно подключить и как потом обращаться к ним в списке стилей, чтобы, например, сделать заголовок правильным болдом из этого шрифта?
Извините за, возможно, идиотский вопрос, но я правда очень хочу разобраться, а почитать толком ничего не нашлось, кроме общих мануалов.
Заранее благодарен.

@font-face , 5.0 out of 5 based on 1 rating
Tagged with →  

7 Responses to @font-face

  1. EibWin:

    Подключаешь так: http://www.w3schools.com/cssref/css3_pr_
    Используешь так:
    div
    {
    font-family: myFirstFont;
    }

  2. TsiaTa:

    А куда девать несколько файлов шрифта? (болд, италик и т.д???)
    Я и несколько раз пытался src использовать, и несколько правил @font-face – говно выходит.
    Один файл подключается без проблем. Но, подключив, например, Name–Regular.otf, на странице я вижу только обычный шрифт. Болда и Италика нифига нету.
    Или, может, все эти файлы в один можно как-то сбить?

  3. Raaer:

    Лучше сконвертируй шрифт через 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;
    }

  4. Raaer:

    ой, там Regular и otf вместо ttf, но думаю принцип понятен.

  5. RScSport:

    Как подключать он более лучше узнает из файла stylesheet.css, когда архив с белки скачает.

    : Нотайс. Иногда белка неправильно конвертирует кириллические шрифты. Тогда выбери Expert mode, там тыкни Custom subsetting и выбери все те опции, которые тебе нужны от шрифта (в частности — Cyrillic).

  6. NotLt:

    в IE не работает ничего, кроме font-family и src, так что лучше задавать разные family для разных начертаний.

  7. TsiaTa:

    ПАЦАНЫ, ВСЕМ СПАСИБО! ЭТО РЕАЛЬНО РАБОТАЕТ!

Добавить комментарий