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

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

  • AdmBuxonly

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

    Spritz Ноя. 27, 2011, 12: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

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

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

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

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