<h1> и <h2> не отображаются должным образом в браузере Opera - PullRequest
Новая
       30

<h1> и <h2> не отображаются должным образом в браузере Opera

0 голосов
/ 19 февраля 2011

Я использую css выше для стилизации моего h1, и он хорошо работает в большинстве браузеров, кроме Opera, которая сильно меняет позиционирование: 

h1{
    position:fixed;
    left:5px;
    top:5px;
    color:#111;     
    font-family:'Josefin Sans', Arial, serif;
    font-size:3.3em;
    margin:0px;  
    margin-top: 2px;
    margin-bottom: 2px;
    padding: 0px;;

}

Я пытался заменить h1 на h2, и все хорошо работает на всехОпять же, в браузерах даже позиционирование в опере кажется хорошим, но теперь размер шрифта не очень хороший, а используемый шрифт, вероятно, по умолчанию для браузеров ... Что я должен знать о заголовке в опере, что мне не нравится?..!все остальные браузеры: enter image description hereopera: enter image description here

РЕДАКТИРОВАТЬ: кажется, что основная проблема заключается в том, что он не реализует шрифт, который я использовал в Google (как это делают все другие браузеры ...), но он реализует другой, очень похожий на описанный выше...

Ответы [ 3 ]

0 голосов
/ 19 февраля 2011

Указывать размер шрифта в ems бессмысленно.Em - это ширина 'm' в текущем размере шрифта. Размеры шрифта должны быть указаны в точках.

0 голосов
/ 02 марта 2011

"Указание размера шрифта в ems не имеет смысла. Em - это ширина 'm' в текущем размере шрифта. Размеры шрифта должны быть указаны в точках."

- Это не правильно. em полностью подходит для определения размеров шрифта. em ссылается на текущий размер шрифта, , за исключением , когда используется для определения размера шрифта - тогда он относится к parent размеру шрифта. В противном случае это было бы бесполезно.

Из спецификации w3c (http://www.w3.org/TR/CSS21/syndata.html):

"Единица 'em' равна вычисленному значению свойства 'font-size' элемента, в котором оно используется. Исключением является случай, когда в значении 'font-size' встречается 'em' само свойство, в этом случае оно ссылается на размер шрифта родительского элемента. "

0 голосов
/ 19 февраля 2011

Вы пытались использовать пиксели для размера шрифта вместо em? Возможно, Opera интерпретирует их иначе, чем другие браузеры ...

РЕДАКТИРОВАТЬ - Использование em для размера шрифта не было проблемой. Также не было позиции: фиксированный атрибут. Здесь было решение:

проблема решена после того, как я удалил «Josefin Sans», а затем вернул их обратно ... теперь Opera представляет резервные шрифты, я думаю, что проблема заключалась в глупой комбинации Cache и Opera, неспособной загрузить шрифт Google для h1

...