Sintaks @Font-Face kalis peluru

Question

Saya cuba memasang fon melalui FTP tetapi mendapat ralat bahawa sintaks fon Kalis Peluru tidak betul. Apa yang saya buat salah?

Edit: Saya cuba membetulkan kod dengan bantuan Jared dan ia masih berfungsi

@font-face {
font-family: 'Brasilero2018Free';
src:
    tempatan("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');
}

Apa yang saya mahu: fon dipasang tanpa ralat dan dipaparkan dalam Editor Elementor

Answer 1

Sintaks anda ialah:

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

Anda hanya perlu mentakrifkan semula URL fon dalam setiap baris. Jadi pelayar hanya akan menggunakan yang terakhir, dan yang lain akan dibuang. Sintaks asas yang betul ialah:

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

Anda boleh memasukkan format fon tambahan jika anda perlu memenuhi keperluan penyemak imbas yang lebih lama.

NOTA: Salah format('ttf') 更改为 format('truetype'), terima kasih @herrstrietzel