@font-face { font-family: 'League Gothic'; src: url('fonts/League_Gothic-webfont.eot'); src: url('fonts/League_Gothic-webfont.eot?#iefix') format('embeddedopentype'), url('fonts/League_Gothic-webfont.woff2') format('woff2'), url('fonts/League_Gothic-webfont.woff') format('woff'), url('fonts/League_Gothic-webfont.ttf') format('truetype'), url('fonts/League_Gothic-webfont.svg') format('svg'); }

Is it possible to use one SRC in this example, i.e. So

 @font-face { font-family: 'League Gothic'; src: url('fonts/League_Gothic-webfont.eot'), url('fonts/League_Gothic-webfont.eot?#iefix') format('embeddedopentype'), url('fonts/League_Gothic-webfont.woff2') format('woff2'), url('fonts/League_Gothic-webfont.woff') format('woff'), url('fonts/League_Gothic-webfont.ttf') format('truetype'), url('fonts/League_Gothic-webfont.svg') format('svg'); }
  • Can. Write as you wish :) - Yuri
  • @Yuri got it. Thank. I am analyzing the book "David McFarland - New Big Book CSS". I met such a piece of code and a question appeared. - ra.chobanyan
  • Then someone as convenient. Usually it is written this way, what would be the first to indicate the main link to the font, and then the minor ones - Yuri
  • @Yuri Got it. Is not the format for this? According to it, the browser will understand whether this font is suitable for it or not, if so, it will download, if not, it will not. Or am I not reasoning correctly? - ra.chobanyan
  • It will be taken alternately. If the first is not perceived, then he will try to connect to the next and so far until everything is checked. format , as far as I know, is needed to show the browser what type the font is - Yuri

1 answer 1

Judging by the comment here , it may be necessary for IE9 with its Compatibility Mode, but details could not be found. In general, by the way, it is better to use something like this to connect fonts, then immediately all the necessary options (up to reducing the number of characters for optimization), and correctly working output styles.