Chrome, Firefox, Opera - шрифты!

mrbighokage	# 8 лет, 10 месяцев назад
Темы: 45 Сообщения: 177 Участник с: 28 января 2013	Вопрос скорее к веб разработчикам, а может и нет. Так почему же в браузерах Chrome, Firefox, Opera шрифты отображаеются по разному. Например шрифт Arial. Явно указываем брать шрифт с файла: @font-face { font-family: "Arial"; src: url("/layouts/main-css/font/arial.ttf"), local("Arial"); } В Chrome шрифт нормальный, а в Firefox, Opera как-то коряво выглядит. Это шрифты в системе плохие или бок css или специфика браузера?

# 8 лет, 10 месяцев назад

Сообщения: 177

Участник с: 28 января 2013

Вопрос скорее к веб разработчикам, а может и нет. Так почему же в браузерах Chrome, Firefox, Opera шрифты отображаеются по разному.
Например шрифт Arial. Явно указываем брать шрифт с файла:

@font-face {
	font-family: "Arial";
	src: url("/layouts/main-css/font/arial.ttf"),
	     local("Arial");
}

В Chrome шрифт нормальный, а в Firefox, Opera как-то коряво выглядит. Это шрифты в системе плохие или бок css или специфика браузера?

Jisatsu	# 8 лет, 10 месяцев назад
Темы: 17 Сообщения: 389 Участник с: 14 июня 2013	mrbighokage В Chrome шрифт нормальный, а в Firefox, Opera как-то коряво выглядит. Это шрифты в системе плохие или бок css или специфика браузера? И это только начало.... =))))) Для создания font-face kit'а лучше подружитесь с белкой. Keep it simple, stupid!

lampslave	# 8 лет, 10 месяцев назад
Темы: 32 Сообщения: 4801 Участник с: 05 июля 2011	Без картинки не интересно. И вообще, довольно дико Arial подставлять через font-face, он и так везде есть.

Jisatsu	# 8 лет, 10 месяцев назад
Темы: 17 Сообщения: 389 Участник с: 14 июня 2013	lampslave Без картинки не интересно. И вообще, довольно дико Arial подставлять через font-face, он и так везде есть. А вот и не везде. В нашем же Арче его НЕТ! ;) Используется в Microsoft Windows, Apple Mac OS X, в Линуксах я его ещё ни разу не видел. Keep it simple, stupid!

Jisatsu

# 8 лет, 10 месяцев назад

Темы: 17

Сообщения: 389

Участник с: 14 июня 2013

lampslave
Без картинки не интересно. И вообще, довольно дико Arial подставлять через font-face, он и так везде есть.

А вот и не везде. В нашем же Арче его НЕТ! ;) Используется в Microsoft Windows, Apple Mac OS X, в Линуксах я его ещё ни разу не видел.

Keep it simple, stupid!

lampslave	# 8 лет, 10 месяцев назад
Темы: 32 Сообщения: 4801 Участник с: 05 июля 2011	У тех, кому он нужен, есть. Остальные всё равно его в привычном виде не смогут просмотреть.

palpalych	# 8 лет, 10 месяцев назад
Темы: 89 Сообщения: 1126 Участник с: 09 августа 2011	Jisatsu Для создания font-face kit'а лучше подружитесь с белкой. Переведите, я не понял как подружится и с кем? Арчи ~]$ ...as always want ready-made solutions that would make even tastier

lampslave	# 8 лет, 10 месяцев назад
Темы: 32 Сообщения: 4801 Участник с: 05 июля 2011	На логотип сайта по ссылке смотрели?

corner	# 8 лет, 10 месяцев назад
Темы: 6 Сообщения: 773 Участник с: 21 июля 2011	Шрифты могут по разному отображаться в разных системах. В браузерах тоже. В Firefox, например, давний баг с Helvetica. Для успешной работы с arial, достаточно в font-family указать arial, sans-serif - тогда система сама заменит шрифт согласно своим настройкам. При загрузке шрифта нужно обратить внимание, какой именно шрифт вы загружаете, Какая кодировка, наличие кириллицы и т.д. Т.е. ваш arial.ttf может быть не такой, как в системе. Внешний вид шрифтов в Opera. Здесь, мне кажется вообще никто не знает, как она выводит шрифты. Я сколько раз настраивал в ней шрифты - столько раз разные результаты были. Да и толку внимание на нее обращать, если она практически умерла. Скудные 2.5% в мобильном трафике. К тому же она на webkit (blink) перешла. Для linux вообще неизвестно, когда будет. Снес ее уже. Наиболее обширна аудитория у Chrome. А если хотите однообразный шрифт на сайте - тогда подгружайте web-шрифт из проверенного источника. И указывайте только его. Если не подгрузится, все равно будет взят шрифт браузера по умолчанию. Подробнее - w3.org.

corner

# 8 лет, 10 месяцев назад

Темы: 6

Сообщения: 773

Участник с: 21 июля 2011

Шрифты могут по разному отображаться в разных системах.
В браузерах тоже. В Firefox, например, давний баг с Helvetica.
Для успешной работы с arial, достаточно в font-family указать arial, sans-serif - тогда система сама заменит шрифт согласно своим настройкам.
При загрузке шрифта нужно обратить внимание, какой именно шрифт вы загружаете, Какая кодировка, наличие кириллицы и т.д.
Т.е. ваш arial.ttf может быть не такой, как в системе.
Внешний вид шрифтов в Opera. Здесь, мне кажется вообще никто не знает, как она выводит шрифты.
Я сколько раз настраивал в ней шрифты - столько раз разные результаты были.
Да и толку внимание на нее обращать, если она практически умерла. Скудные 2.5% в мобильном трафике. К тому же она на webkit (blink) перешла. Для linux вообще неизвестно, когда будет. Снес ее уже. Наиболее обширна аудитория у Chrome.
А если хотите однообразный шрифт на сайте - тогда подгружайте web-шрифт из проверенного источника. И указывайте только его.
Если не подгрузится, все равно будет взят шрифт браузера по умолчанию.
Подробнее - w3.org.

Jisatsu	# 8 лет, 10 месяцев назад
Темы: 17 Сообщения: 389 Участник с: 14 июня 2013	palpalych Переведите, я не понял как подружится и с кем? Этот сервис помогает генерировать кроссбраузерный font-face. corner Шрифты могут по разному отображаться в разных системах.В браузерах тоже. Именно поэтому я в последнее время пишу только "font-family: sans-serif;". =)) Достало с ними бороться, ненавижу костыли. Пускай мучаются со своими багопрограммами/системами. IE ниже 10 версии вообще блокирую. =) Keep it simple, stupid!

Jisatsu

# 8 лет, 10 месяцев назад

Темы: 17

Сообщения: 389

Участник с: 14 июня 2013

palpalych
Переведите, я не понял как подружится и с кем?

Этот сервис помогает генерировать кроссбраузерный font-face.

corner
Шрифты могут по разному отображаться в разных системах.В браузерах тоже.

Именно поэтому я в последнее время пишу только "font-family: sans-serif;". =))

Достало с ними бороться, ненавижу костыли. Пускай мучаются со своими багопрограммами/системами. IE ниже 10 версии вообще блокирую. =)

Keep it simple, stupid!

Natrio	# 8 лет, 10 месяцев назад
Темы: 47 Сообщения: 4763 Участник с: 08 января 2011	corner В Firefox, например, давний баг с Helvetica. Это не в Firefox "древний баг с Helvetica", это на некоторых тупых сайтах Helvetica прописана в списке font-family ПЕРВОЙ. И если вам не повезло, и этот древний шрифт у вас таки установлен – будет гордо красоваться на странице, ломая всю разметку :)

Natrio

# 8 лет, 10 месяцев назад

Темы: 47

Сообщения: 4763

Участник с: 08 января 2011

corner
В Firefox, например, давний баг с Helvetica.

Это не в Firefox "древний баг с Helvetica", это на некоторых тупых сайтах Helvetica прописана в списке font-family ПЕРВОЙ. И если вам не повезло, и этот древний шрифт у вас таки установлен – будет гордо красоваться на странице, ломая всю разметку :)