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

Модератор: Fleelancer

<<

Stacyco

Автор темы

Сообщения: 1

Зарегистрирован: 09 фев 2016, 01:18

Благодарил (а): 0 раз.
Поблагодарили: 0 раз.

Сообщение 09 фев 2016, 01:56

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

Здравствуйте! У меня проблема с шрифтом для логотипа 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

Аватара пользователя

Сообщения: 1450

Зарегистрирован: 21 мар 2011, 15:30

Благодарил (а): 66 раз.
Поблагодарили: 157 раз.

Сообщение 07 апр 2016, 11:05

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

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

Добавлено спустя 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 на моем блоге неправильно.

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

Вернуться в Вопросы от новичков

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

Зарегистрированные пользователи: нет зарегистрированных пользователей

Работает на phpBB © 2000, 2002, 2005, 2007 phpBB Group. Дизайн ST Software и Blogger Форум. Русская поддержка phpBB
ЧПУ ссылки от phpbb seo