Я создаю веб-сайт, на котором есть 2 переключателя для языков английского и хинди, мне нужно изменить шрифт текстовых полей в зависимости от выбранного переключателя. Для английского все работает хорошо, но для хинди сайт работает только в том случае, если шрифт Shivaji05 установлен на клиентском компьютере. Я пробовал несколько вещей. Для систем, которые не имеют шрифта Shivaji05, я предоставил ссылку для загрузки http://hindi-fonts.com/fonts/download/Shivaji05, шрифт загружается, но не установлено, поэтому даже это испытание не получилось. Кто-то может предложить, как можно установить шрифт на клиентский компьютер или есть ли другой способ добиться того, чего я хочу в этом случае?
Вы должны добавить в свой файл css следующее:
@font-face {
font-family: 'Name of font';
src: url('font.eot') format('embedded-opentype'); /* IE9 Compat Modes */
src: url('font.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('font-webfont.woff') format('woff'), /* Modern Browsers */
url('font.ttf') format('truetype'), /* Safari, Android, iOS */
url('font-webfont.svg#levenim') format('svg'); /* Legacy iOS */
}
или
@font-face {
font-family: 'YourFontName'; /*a name to be used later*/
src: url('http://domain.com/fonts/font.ttf'); /*URL to font*/
}
ссылка от W3c