Правильно ли так подключать шрифты?

Question

[Dvorak]

Подключаю шрифты на страницу так:

@font-face {
	font-family: 'Helvetica';
	src: url('../fonts/Helvetica-Thin.otf');
}

Подключаю только файлы с расширением .otf. Насколько это кроссбраузерное решение? Вроде потестил через разные браузеры, всё хорошо. Но для старых браузеров это будет работать?

Comments

[pashted]

для кроссбраузерности обычно подключают сразу несколько файлов разного формата. браузер сам выберет из них подходящий и загрузит только его

Answer 1

[Максим]

я использую форматы
ttf, woff, eot

конвертировать можно тут https://onlinefontconverter.com/

@font-face {
	font-family:calibri;
	font-style:normal;
	font-weight:400;
	src:url(../fonts/CalibriRegular/CalibriRegular.eot?#iefix) format("embedded-opentype"),
url(../fonts/CalibriRegular/CalibriRegular.woff) format("woff"),
url(../fonts/CalibriRegular/CalibriRegular.ttf) format("truetype")
}