ФорумРазработкаКлиентская сторонаВерстка и оформление → Проблема с отображением шрифтов в разных браузерах

Проблема с отображением шрифтов в разных браузерах

  • AdmBuxonly

    Сообщения: 370 Репутация: N Группа: Кто попало

    Spritz 27 ноября 2011 г. 0:34

    Верстаю шаблон. Использую шрифт Myriad Pro. При объявлении через CSS обычным путем, с помощью способа:

    * {font-family:"Myriad Pro"; font-weight:normal;}


    во всех браузерах, кроме Сафари 5 отображается нужный шрифт.

    Когда решаюсь на отчаянный шаг и подключаю шрифт принудительно из папки fonts, то в Сафари текст отображается нужным шрифтом. Подключаю вот так:

    @font-face {
    font-family:"Myriad Pro"; /* Имя шрифта */
    src:url(fonts/MyriadPro.otf); /* Путь к файлу со шрифтом */
    }


    Отображается текст нужным шрифтом во всех браузерах, кроме браузера Опера. Там случается следующая проблема. При подключении обычным способом через font-family в браузере Опера обычный текст, текст ссылок и наведенных ссылок (hover) отображается нужным шрифтом. Когда подключаю дополнительно шрифт из папки, то обычный текст и текст ссылок отображаются шрифтом по умолчанию, определенный в браузере (у меня вроде это TNR), но не нужным шрифтом. Что делать? Исправляю в одном месте ломается в другом!!! Хелп!
  • technobulka

    Сообщения: 4540 Репутация: N Группа: Джедаи

    Spritz 27 ноября 2011 г. 1:33, спустя 59 минут 1 секунду

    ебался со шрифтом Traktir, везде все криво стояло… в гугле фонтс этого шрифта нет, ставил через фонт генератор, понял, что шрифт кривой.. в итоге хуй забил и поставил через cufon.
    Высокоуровневое абстрактное говно
  • AdmBuxonly

    Сообщения: 370 Репутация: N Группа: Кто попало

    Spritz 27 ноября 2011 г. 1:36, спустя 2 минуты 55 секунд

    Через генератор тоже у меня не катит. Попробую через Куфон.
  • Ivan

    Сообщения: 1316 Репутация: N Группа: Адекваты

    Spritz 27 ноября 2011 г. 3:02, спустя 1 час 26 минут 8 секунд

    Использую Droid Serif гугловский, отображается с засечками только в гугл хроме, в остальном норм, можно юзать lesscss и там описать для разных браузеров стили конечно.

    Droid serif:
    @import url(http://fonts.googleapis.com/css?family=Droid+Serif);
    body {
    font-family: 'Droid Serif', serif;
    }


    http://bit.ly/rvZkj1 - пример шрифта
  • master

    Сообщения: 3236 Репутация: N Группа: Джедаи

    Spritz 28 ноября 2011 г. 0:57, спустя 21 час 54 минуты 46 секунд

    AdmBuxonly, вот здесь http://mandarin-cargo.ru/ заголовки Myriad Pro. у меня нормально отображаются, проверь у себя.
    не всё полезно, что в swap полезло

Пожалуйста, авторизуйтесь, чтобы написать комментарий!