Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   шрифт в mozilla (https://javascript.ru/forum/xhtml-html-css/50120-shrift-v-mozilla.html)

failure 12.09.2014 19:05

шрифт в mozilla
 
Приветствую.

Есть страница, меню ul со списками li, и таким css :
Код:

#menu ul li {
        float: left;
        list-style: none;
        font-size: 20px;
}

В Firefoxe списки li отображаются криво, слишком много для mozilla 20px(на картинке видно, что последний пункт li не влазит в #menu):
http://hostingkartinok.com/show-imag...b25f668c8719f4
В других браузерах все хорошо:
http://hostingkartinok.com/show-imag...f610955a1b73d4

Пробовал заменить значения в px на %, таже проблема.


Подскажите, как можно решить такую задачу ?

Pavel M. 12.09.2014 20:19

не понятно в чем проблема

failure 12.09.2014 20:23

Pavel M.,
проблема в том, что
Цитата:

Сообщение от failure
В Firefoxe списки li отображаются криво

, то есть в firefox 20px отображаются как 24px, и списки не влазят в меню.

Pavel M. 12.09.2014 22:29

может быть ctr+ случайно нажали :-)
?

failure 12.09.2014 22:41

Цитата:

Сообщение от Pavel M. (Сообщение 330333)
может быть ctr+ случайно нажали :-)
?

К сожалению нет )))

Aetae 12.09.2014 23:01

Пример покажи. Мы тебе не верим.

failure 12.09.2014 23:14

Aetae,
Цитата:

Сообщение от Aetae
Пример покажи. Мы тебе не верим.

<div id="menu">
  <ul>
     <li><a href="">Главная</a></li>
     <li><a href="">Пункт</a></li>
     <li><a href="">Пункт</a></li>
     <li><a href="">Пункт</a></li>
     <li><a href="">Пункт</a></li>
     <li><a href="">Контакты</a></li>
</ul>
</div>

#menu ul li {
	float: left;
	list-style: none;
	font-size: 20px;
}



Может ли быть проблема в том, что я использую шрифт 'Segoe Ui', и его не знает mozilla (а с другими браузерами почему норм) ?
body {
    font-family: 'Segoe UI';
}

Aetae 13.09.2014 00:56

Вложений: 3
Вот пример.
Во вложении скрины. И?

failure 13.09.2014 11:02

Aetae,
я вас понял.

Вот пример с моей меню -> http://learn.javascript.ru/play/QuZ5Nb .

В этом примере последний пункт (Контакты) в mozille невлазит, переносится ниже, и шрифт отображается большим(если поставить 16px то нормально, а в остальных браузерах нет).
На скрине тотже пример открытый в firefox:

Aetae 13.09.2014 14:02

failure, опять всё идентично во всех браузерах. Какой у вас firefox? Может вы используете stylish или greasemonkey, или чтол-либо прописали в userChrome.css? Или, вдруг, у вас прописан "минимальный размер шрифта"(настройки->содержимое->дополнительно). А может у вас настроено увеличение размера шрифтов в windows?
Фигня какая-то.

failure 13.09.2014 14:08

Aetae,
Ничего не прописывал и не использовал более... Насчет firefox, наверное в нём проблема...




Aetae 13.09.2014 14:13

Мде. Нынче актуальная версия ровно в два раза больше.)

failure 13.09.2014 15:13

К сожалению проблема не в этом снова((
Может linux не любит ? )



Aetae 13.09.2014 15:32

failure, ёпрст, так шрифт то кажет Times New Roman. "На третий день Зоркий Глаз заметил, что у сарая нет северной стены". =\

Ищи корень проблемы в том, почему он не хочет "Segoe UI". Может он вообще в системе не устанолен и разные браузеры подбирают замену по-разному? Тем более у вас не указана font-family.

failure 13.09.2014 15:56

Решил проблему вот так:
@font-face {
  		font-family: 'Segoe UI';
  		src: url(segoeui.ttf);
	}

Благодарю)

hfts_rider 15.09.2014 10:18

Если я правильно понял...
В разных браузерах шрифты отображаются по разному, скорее всего в ФФ отображается шрифт шире чем нужно.
Задавай размеры шрифта в em. И не забудь для бади задать процентное соотношение.

Пример:
body{font-size:62.5%} /* 1em = 10px */

li{font-size:2em} /* или пробуй вводить в диапазоне, например 2.001 - 2.99 */

Aetae 15.09.2014 13:17

Цитата:

Сообщение от hfts_rider (Сообщение 330618)
Если я правильно понял...
В разных браузерах шрифты отображаются по разному, скорее всего в ФФ отображается шрифт шире чем нужно.

По-разному: да. Но только внешне. Размеры всегда точны иначе бы вэб был ещё большим адом чем есть.

А решение проблемы уже найдено.(см. выше)


Часовой пояс GMT +3, время: 18:21.