Почему формат шрифта eot на некоторых сайтах подключают отдельно, от всех остальных fon-face ?

[Димитрий]

@font-face {
	font-family:'SF Pro Display';
	font-style:normal;
	font-weight:500;
    src: local('☺︎'), 
        url("/wss/fonts/SF-Pro-Display/v1/sf-pro-display_medium.woff2") format("woff2"), 
        url("/wss/fonts/SF-Pro-Display/v1/sf-pro-display_medium.woff") format("woff"), 
        url("/wss/fonts/SF-Pro-Display/v1/sf-pro-display_medium.ttf") format("truetype");
	/* (C) 2015 Apple Inc. All rights reserved.*/
}

@font-face {
	font-family:'SF Pro Display 500';
	src: url("/wss/fonts/SF-Pro-Display/v1/sf-pro-display_medium.eot");
	/* (C) 2015 Apple Inc. All rights reserved.*/
}

1. Почему при подключении шрифта apple указывает имя шрифту такое font-family: 'SF Pro Display 500'; а где то без 500 font-family:'SF Pro Display';   ?
2. И почему при подключении eot не указывается font-style, и font-weight в то время как сверху указывается ? 

Edited November 19, 2017 by Димитрий

[SelenIT]

  On 11/20/2017 at 3:59 PM, Димитрий said:

То есть это только для того чтобы поддерживать ie 4 и выше ?

Expand  

IE4-8 включительно. Которые давно 1) составляют мизерные проценты, 2) работают на таком древнем железе, что лучше не грузить его никакими необязательными красивостями.

  On 11/20/2017 at 3:59 PM, Димитрий said:

мне и интересно почему в названии указывается, а не с помощью font-weight ?

Expand  

Потому что та древняя технология не умеет в разные варианты одного font-family. Там было тупо 1 font-family — 1 файл.

  On 11/20/2017 at 3:59 PM, Димитрий said:

в старых продуктах Apple использовались как раз таки svg?

Expand  

Было дело. Но опять же, очень давно, сама Apple давно не поддерживает те версии iOS и то железо, на котором с нее нельзя обновиться, да и не живут обычно столько даже эпловские девайсы:).

Сейчас woff и woff2 достаточно каждому (с). Даже ttf уже не особо нужен.

[AlexZaw]

Потому что  "SF Pro Display 500" это другой шрифт и в нем 500 уже указывает на жирность шрифта.

 

[SelenIT]

eot — очень древняя реализация веб-шрифтов (чуть ли не из IE4!). Они очень многого не умеют. В частности, не умеют объединять разные комбинации font-weight и font-style под общим font-family. И, ЕМНИП, поддерживали всего 4 варианта вообще (normal/italic/bold/bold italic).

Сейчас eot не нужны. IE9+ понимают современный синтакис с woff-шрифтами, а ископаемому старью лучше довольствоваться системными фолбэками.

[AlexZaw]

  On 11/19/2017 at 7:55 PM, SelenIT said:

eot — очень древняя реализация веб-шрифтов (чуть ли не из IE4!).

Expand  

ie6-ie8. т.е., в принципе, нужен только в исключительных случаях

[Димитрий]

  On 11/19/2017 at 7:55 PM, SelenIT said:

eot — очень древняя реализация веб-шрифтов (чуть ли не из IE4!). Они очень многого не умеют. В частности, не умеют объединять разные комбинации font-weight и font-style под общим font-family. И, ЕМНИП, поддерживали всего 4 варианта вообще (normal/italic/bold/bold italic).

Сейчас eot не нужны. IE9+ понимают современный синтакис с woff-шрифтами, а ископаемому старью лучше довольствоваться системными фолбэками.

Expand  

То есть это только для того чтобы поддерживать ie 4 и выше ? 

  On 11/19/2017 at 8:43 PM, AlexZaw said:

ie6-ie8. т.е., в принципе, нужен только в исключительных случаях

Expand  

Я сейчас видел на новых сайтах/проектах есть только woff,woff2, и ttf. 
А почему svg нету, на сколько я знаю в старых продуктах Apple использовались как раз таки svg? или я что то не то читал ?

  On 11/19/2017 at 7:52 PM, AlexZaw said:

Потому что  "SF Pro Display 500" это другой шрифт и в нем 500 уже указывает на жирность шрифта.

 

Expand  

Нет, шрифт тот же самый, просто формат шрифта другой... 
Вот мне и интересно почему в названии указывается, а не с помощью font-weight ?

Edited November 20, 2017 by Димитрий

[AlexZaw]

  On 11/20/2017 at 3:59 PM, Димитрий said:

Нет, шрифт тот же самый, просто формат шрифта другой... 

Expand  

Имеется ввиду что семейство шрифта называется по другому и поэтому его нельзя подключить с остальными форматами шрифта

 

  On 11/20/2017 at 3:59 PM, Димитрий said:

Я сейчас видел на новых сайтах/проектах есть только woff,woff2, и ttf. 
А почему svg нету, на сколько я знаю в старых продуктах Apple использовались как раз таки svg? или я что то не то читал ?

Expand  

Возможно разработчики просто не захотели заморачиваться с поддержкой  старых Apple )

[Димитрий]

  On 11/20/2017 at 9:06 PM, SelenIT said:

IE4-8 включительно. Которые давно 1) составляют мизерные проценты, 2) работают на таком древнем железе, что лучше не грузить его никакими необязательными красивостями.

Потому что та древняя технология не умеет в разные варианты одного font-family. Там было тупо 1 font-family — 1 файл.

Было дело. Но опять же, очень давно, сама Apple давно не поддерживает те версии iOS и то железо, на котором с нее нельзя обновиться, да и не живут обычно столько даже эпловские девайсы:).

Сейчас woff и woff2 достаточно каждому (с). Даже ttf уже не особо нужен.

Expand  

А где кроме can i use можно посмотреть, почитать про все браузеры, мобильные/и десктопные которые сейчас актуальны и их нужно поддерживать ?

ps: вроде как не нужно сами браузеры поддерживать, нужно вроде как движки поддерживать.   

[SelenIT]

На MDN еще неплохая табличка с браузерной поддержкой на странице справки по каждому свойству или технологии, с детализацией, когда начало поддерживаться то или иное значение, формат и т.п. Но иногда и она отстает от жизни (ее тоже вручную обновляют люди, которые не успевают уследить за всем). В целом, can I use — можно сказать, отраслевой стандарт.