Jump to content
  • 0

Идентичное отображение шрифта Lobster 1.4


Светлана Г.
 Share

Question

Здравствуйте!

Столкнулась с проблемой отображения шрифта на компьютере Заказчика и моем.

У Заказчика Mac, шрифт у него выглядит жирнее, у меня Windows.

 

Сейчас подключаем с Google. 

Как решить данную проблему, чтобы у всех было одинаково?


Попробую подключить через @font-face с помощью http://www.fontsquirrel.com/

 

Теперь вопрос: как правильно настроить его?

Edited by Светлана Г.
Link to comment
Share on other sites

6 answers to this question

Recommended Posts

  • 0
Сейчас подключаем с Google. 

 

 

У гугловых шрифтов периодически бывают заглюки в отображении некоторых шрифтов на некоторых браузерах (с ходу могу вспомнить проблемы с Fira Sans то ли на Маке, то ли на IE8).

 

 

Если есть какие-то проблемы, то лучше цеплять через font-face. В настройке шрифтовой белки достаточно выставить параметры вот так: http://li.tl/i/p/eNW0M.png

Edited by antonKar
  • Like 1
Link to comment
Share on other sites

  • 0

Теперь проблема в отображении шрифта Open-sans.

4959477m.jpg

 

Верхняя картинка - отображение в макете, нижняя - у заказчика на Mac в браузере.

Отображение у заказчика более жирное, расстояние между символами меньше нарисованного.

Как можно решить эту проблему?

Link to comment
Share on other sites

  • 0
Отображение у заказчика более жирное, расстояние между символами меньше нарисованного.

 

 

Подключайте через шрифтовую белку, а вообще это не проблема: у каждого браузера свой рендеринг шрифтов, тем более кастомных.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Similar Content

    • By Super_Saimon
      Добрый день!  Подскажите источник, от куда можно импортнуть в свой css файл шрифт DS-DIgital(шрифт как на старых циферблатах, нужен для отображения циферблата на таймере). Не могу  скачать к себе на комп - балуюсь в рабочее время на рабочем компе. И на работе запрет на скачивание без ведома админов чего угодно.
    • By SnowSilver
      Всем привет! Подскажите с подключением сторонних шрифтов...
      1. Предположим мне надо подключит какой то шрифт с разными начертаниями, могу ли я использовать одно имя шрифта в font-family, будет ли в таком случае использоваться правильное - подключенное начертание в зависимости от font-weight ?
      2. Проверить, есть ли шрифт в системе(чтоб его не грузить лишний раз), можно с помощью local, такого перечисления думаю достаточно, чтоб наверника проверить:
      local('Roboto Thin'), local('RobotoThin'), local('Roboto-Thin') ?
      Я подключаю так(для каждого начертания через тире указано начертание):
      @font-face { font-family: "Roboto-Thin"; src: local('Roboto Thin'), local('RobotoThin'), local('Roboto-Thin'), '/fonts/Roboto-Thin.woff2' format('woff2'), '/fonts/Roboto-Thin.woff' format('woff'); font-weight: 100; font-style: normal; } @font-face { font-family: "Roboto-Light"; src: local('RobotoLight'), local('Roboto Light'), local('Roboto-Light'), '/fonts/Roboto-Light.woff2' format('woff2'), '/fonts/Roboto-Light.woff' format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: "Roboto-Regular"; src: local('RobotoRegular'), local('Roboto Regular'), local('Roboto-Regular'), '/fonts/Roboto-Regular.woff2' format('woff2'), '/fonts/Roboto-Regular.woff' format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: "Roboto-Black"; src: local('RobotoBlack'), local('Roboto Black'), local('Roboto-Black'), '/fonts/Roboto-Black.woff2' format('woff2'), '/fonts/Roboto-Black.woff' format('woff'); font-weight: 900; font-style: normal; }  
    • By uppercase_css
      Здравствуйте.
      Подскажите, пожалуйста аналог Times New Roman MT Extra Bold , а то он только с латиницей работает.
      Спасибо.
    • By мурамаса
      <div class="center-menu"> <div class="center-bar-one"> <h1> Новости </h1> <p>Сегодня 21 января было совершено нападение на одного из наших брокеров, прямо у дверей московской фондовой биржи. Нападающий выскочивший из за угла был одет в черный костюм с красным галстуком и в маске напала на олега олежина после чего скрылся и его след простыл. Олежин был немедленно госпитолизирован, мвд по московской области ведет расследование.</p> </div> </div> Вот хтмл код этого элемента
      .center-bar-one { float: left; width: 150px; height: 200px; font-size: 11px; color: blue; } Когда я прописываю размер шрифта и в коде присутствует тег <p>, то размер шрифта не меняется. Если прописать например цвет, то никаких проблем нет. Когда убираю тег <p> то шрифт меняется. В чем дело? помогите
    • By xek
      Добрый день!
      Подгружаю шрифты с google fonts, имя шрифта Fira Sans (и причем он у них отображается корректно), но когда я его подгружаю он выглядит так как будто избитый.
      Привожу 2 скриншота:
      1. Как выглядит шрифт на google fonts

      2. Так выглядит у меня

      Почему так получается?
      Все эти манипуляции я провожу в браузере Firefox.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy