简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Syntaxe Bulletproof @Font-Face
P粉566048790
P粉566048790 2023-09-05 18:47:35
0
1
518

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
P粉566048790
P粉566048790

répondre à tous (1)
P粉627136450
P粉6271364502023-09-06 17:29:18 1 plancher

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 : Fauxformat('ttf')更改为format('truetype'), merci @herrstrietzel

Comme+0
Ajouter une réponse
    Sujets populaires
    Plus>
    Articles populaires
    Tutoriels populaires
    Plus>
    Tutoriels associés
    Recommandations populaires
    Derniers cours
    Derniers téléchargements
    Plus>
    effets Web
    Code source du site Web
    Matériel du site Web
    Modèle frontal
    À propos de nous Clause de non-responsabilité Sitemap
    Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！