Syntaxe Bulletproof @Font-Face

Question

J'ai essayé d'installer la police via FTP, mais j'ai reçu une erreur indiquant que la syntaxe de la police Bulletproof est incorrecte. Qu'ai-je fait de mal?

Edit : J'essaie de corriger le code avec l'aide de Jared et il fonctionne toujours

@font-face {
famille de polices : « Brasilero2018Free » ;
src :
    local("Brasilero2018Free"),
    url('https://www.flordeibez.org/wp-content/themes/fonts/Brasilero2018Free.otf'),
    url('https://www.flordeibez.org/wp-content/themes/fonts/Brasilero2018Free.eot') format('embedded-opentype'),
    url('https://www.flordeibez.org/wp-content/themes/fonts/Brasilero2018Free.woff') format('woff'),
    url('https://www.flordeibez.org/wp-content/themes/fonts/Brasilero2018Free.svg') format('svg'),
    url('https://www.flordeibez.org/wp-content/themes/fonts/Brasilero2018Free.ttf') format('truetype');
}



Ce que je veux : polices installées sans erreurs et affichées dans Elementor Editor
            

Answer 1

Votre syntaxe est :

src: url('some_url');
src: url('other_url');

Il vous suffit de redéfinir l'URL de la police dans chaque ligne. Le navigateur n’utilisera donc que le dernier et les autres seront ignorés. La syntaxe de base correcte est :

@font-face {
  font-family: 'SomeFont';
  src: 
    local("SomeFont"),
    url('//host.tld/SomeFont.woff2') format('woff2'), 
    url('//host.tld/SomeFont.woff') format('woff'), 
    url('//host.tld/SomeFont.ttf') format('truetype');
}

Vous pouvez inclure des formats de police supplémentaires si vous avez besoin de satisfaire les anciens navigateurs.

REMARQUE : Faux format('ttf') 更改为 format('truetype'), merci @herrstrietzel