Font-face с помощью ttf удаленно

У меня есть немного кода, который я использую для создания штрих-кодов с использованием шрифта Code39r.ttf.Font-face с помощью ttf удаленно

При его использовании на моей локальной машине, кажется, как только я пытаюсь работать нормально

<html> 

<head> 

<style> 

@font-face { 
    font-family:code; 
    src: url(Code39r.ttf); 
} 

#myFont { 
    color:#111111; 
    font-size:180px; 
    font-family:code; 
} 

</style> 

</head> 

<body> 

    <p id="myFont">123 456</p> 

</body> 
</html>

, чтобы загрузить шрифт из интернет-источника он никогда не кажется, чтобы загрузить

https://jsfiddle.net/jhc7p69p/2/

не знаете, что могло пойти не так, или если есть причина для этого

источник

2016-08-24 Trent

Если он работает нормально на вашем локальном компьютере, то может быть, у вас есть файл шрифта, расположенный на сервере. ясно, что CSS не находит его – Andrew

, если я копирую usrl, используемый в JFiddle, но в браузере он загружает шрифт так, чтобы он не мог быть найден – Trent

вот хорошее место для поиска: https: // css-tricks .com/snippets/css/using-font-face/ – Andrew

Вы используете пользовательский шрифт, которому требуется больше файла шрифта.

@font-face { 
    font-family: 'MyWebFont'; 
    src: url('webfont.eot'); /* IE9 Compat Modes */ 
    src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
     url('webfont.woff2') format('woff2'), /* Super Modern Browsers */ 
     url('webfont.woff') format('woff'), /* Pretty Modern Browsers */ 
     url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */ 
     url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */ 
} 

body { 
    font-family: 'MyWebFont', Fallback, sans-serif; 
}

источник

2016-08-24 11:11:16

Это не поможет, потому что у меня есть только файл ttf – Trent

другой генератор файлов в сети –

Я не уверен, что вы имеете в виду – Trent

Font-face с помощью ttf удаленно

ответ

Смежные вопросы