Проблема с шрифтом логотипа

Stacyco · 09 фев 2016, 01:56 Stacyco

Здравствуйте! У меня проблема с шрифтом для логотипа Libre Baskerville. Шрифт логотипа изменился и теперь отображается некорректно: очень маленький размер и другой внешне стиль. Причем при просмотре блога в операционной системе IOS на Iphone/Ipad шрифт имеет нормальный размер и вид. Дизайнер, у которого я заказала шаблон для блога, не отвечает на запросы.

Вот в HTML коде я нашла шрифт Libre Baskerville:

1.

Код:: <!DOCTYPE html> <html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> <link href='http://fonts.googleapis.com/css?family=Libre+Baskerville:400italic' rel='stylesheet' type='text/css'/> <link href='http://fonts.googleapis.com/css?family=Josefin+Sans:400,700' rel='stylesheet' type='text/css'/> <link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'/> <link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'/> <head>

2.

Код:: <Group description="Blog Title" selector=".header h1"> <Variable name="header.font" description="Font" type="font" default="normal normal 60px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal 700 70px 'font-family: 'Libre Baskerville', serif;', Times, FreeSerif, serif"/> <Variable name="header.text.color" description="Title Color" type="color" default="#737373" value="#161515"/> </Group>

Я задавала вопрос о некорректном отображении шрифта Libre Baskerville на форуме продуктов Google. Мне посоветовали вставить через Custom CSS код, который поможет регулировать размер шрифта:

Код:: h1.title { font-size:50px; }

Я сделала все, как мне посоветовали, это мою проблему не решило. Шрифт правильно отражается в IOS на Iphone и Ipad и в браузере Internet Explorer. Браузеры - Google Chrome, Яндекс браузер, Firefox показывает шрифт Libre Baskerville на моем блоге неправильно. В каком месте надо поправить HTML или добавить дополнительный код? Заранее спасибо.

Проблема с шрифтом логотипа

Admin · 07 апр 2016, 11:05 Admin

Информации много, а главного, ссылку на блог, не дали.
Чтобы исправить, надо понять, как именно изнутри браузер считывает код.

Добавлено спустя 14 минут 53 секунды:
Вместо этого кода:

Код:: h1.title { font-size:50px; }

Вносите изменения в в этот код:

Код:: <Group description="Blog Title" selector=".header h1"> <Variable name="header.font" description="Font" type="font" default="normal normal 60px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal 700 70px 'font-family: 'Libre Baskerville', serif;', Times, FreeSerif, serif"/> <Variable name="header.text.color" description="Title Color" type="color" default="#737373" value="#161515"/> </Group>

А именно в параметр

Код:: value="normal 700 70px"

и кстати, внимательно просмотрите открывающие и закрывающие кавычки в этой строке. То, что вы здесь выложили, кажется не совсем корректным, то двойные, то одинарные кавычки. Может из-за этого браузер не может правильно считать стиль.

Я сделала все, как мне посоветовали, это мою проблему не решило. Шрифт правильно отражается в IOS на Iphone и Ipad и в браузере Internet Explorer. Браузеры - Google Chrome, Яндекс браузер, Firefox показывает шрифт Libre Baskerville на моем блоге неправильно.

Одни браузеры четко интерпретируют код разработчика, а другие браузеры иногда его домысливают каждый по своему, поэтому и получается разница в отображении.
То, что вы так подробно описали проблему, хорошо, но реально понять, где, что подкорректировать, нужно непосредственно на открытом в браузере блоге. Поэтому дайте ссылку на блог.

Проблема с шрифтом логотипа

Проблема с шрифтом логотипа

Re: Проблема с шрифтом логотипа

Кто сейчас на конференции