Невозможно использовать этот пользовательский шрифт в css - PullRequest
Новая
       7

Невозможно использовать этот пользовательский шрифт в css

0 голосов
/ 10 января 2020

Я не могу добавить этот пользовательский шрифт в css, используя @ font-face. Я пробовал этот код с другими шрифтами, он работал, но я не могу с этим шрифтом. 

@font-face{
    font-family:"Megatron";
    src:url{"fonts/Megatron.otf"};
}
h1{
    font-family: Megatron;
}

<h1>Enigma</h1>

вот ссылка на шрифт https://blogfonts.com/megatron.font

Ответы [ 3 ]

0 голосов
/ 10 января 2020

Вы должны попытаться установить свой формат шрифта в @ font-face. 

@font-face {
    font-family:"Megatron";
    src:url{"fonts/Megatron.otf"} format("OpenType");
}

Кроме того, убедитесь, что ваш шрифт хорошо загружен на вашей веб-странице: используйте сетевую панель, затем проверьте шрифт

Use network panel then check font

0 голосов
/ 10 января 2020

Вот код CSS. если вам нужна помощь, пожалуйста, дайте мне знать. а также добавьте папку шрифтов к вашему пути. Надеюсь, это сработает. 

@font-face {
font-family: 'Conv_Megatron';
src: url('fonts/Megatron.eot');
src: local('☺'), url('fonts/Megatron.woff') format('woff'), url('fonts/Megatron.ttf') format('truetype'), url('fonts/Megatron.svg') format('svg');
font-weight: normal;
font-style: normal;

} 

.demo
{
    font-family:'Conv_Megatron',Sans-Serif;
    width:800px;
    margin:10px auto;
    text-align:left;
    border:1px solid #666;
    padding:10px;
}

<div class="demo" style="font-size:25px">
    The quick brown fox jumps over the lazy dog.
</div>
0 голосов
/ 10 января 2020

Этот шрифт (и другие, которые вы хотите использовать) должен находиться в папке fonts в папке проекта. После попробуйте этот код: 

@font-face{
    font-family:"Megatron";
    src:url("/fonts/Megatron.otf") format("opentype");
}
h1{
    font-family: Megatron;
}

PS Ваша ссылка на шрифт не работает: (

...