Kugelsichere @Font-Face-Syntax
P粉566048790
P粉566048790 2023-09-05 18:47:35
0
1
541

Ich habe versucht, die Schriftart über FTP zu installieren, habe jedoch die Fehlermeldung erhalten, dass die Syntax der Bulletproof-Schriftart falsch ist. Was habe ich falsch gemacht?

Bearbeiten: Ich versuche, den Code mit Jareds Hilfe zu reparieren und er funktioniert immer noch

@font-face { Schriftfamilie: 'Brasilero2018Free'; Quelle: 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'); }

Was ich will: Schriftarten ohne Fehler installiert und im Elementor-Editor angezeigt

P粉566048790
P粉566048790

Antworte allen (1)
P粉627136450

您的语法为:

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

您只需在每一行中重新定义字体的 URL。所以浏览器只会使用最后一个,其他的都会被丢弃。正确的基本语法是:

@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'); }

如果您需要满足旧浏览器的要求,您可以包含额外的字体格式。

注意:将错误的format('ttf')更改为format('truetype'),感谢 @herrstrietzel

    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage
    Über uns Haftungsausschluss Sitemap
    Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!