방탄 @Font-Face 구문

Question

FTP를 통해 글꼴을 설치하려고 했으나 Bulletproof 글꼴 구문이 잘못되었다는 오류가 발생했습니다. 내가 뭘 잘못했나요?

편집: Jared의 도움을 받아 코드를 수정하려고 하는데 여전히 작동합니다

@font-face {
글꼴 모음: 'Brasilero2018Free';
소스:
    local("브라질레로2018Free"),
    URL('https://www.flordeibez.org/wp-content/themes/fonts/Brasilero2018Free.otf'),
    url('https://www.flordeibez.org/wp-content/themes/fonts/Brasilero2018Free.eot') 형식('embedded-opentype'),
    url('https://www.flordeibez.org/wp-content/themes/fonts/Brasilero2018Free.woff') 형식('woff'),
    url('https://www.flordeibez.org/wp-content/themes/fonts/Brasilero2018Free.svg') 형식('svg'),
    url('https://www.flordeibez.org/wp-content/themes/fonts/Brasilero2018Free.ttf') format('truetype');
}

원하는 것: 글꼴이 오류 없이 설치되어 Elementor Editor에 표시되는 것

Answer 1

구문은 다음과 같습니다.

으아악

각 줄에서 글꼴의 URL을 다시 정의하기만 하면 됩니다. 따라서 브라우저는 마지막 항목만 사용하고 나머지는 삭제됩니다. 올바른 기본 구문은 다음과 같습니다:

으아악

이전 브라우저를 만족시켜야 하는 경우 추가 글꼴 형식을 포함할 수 있습니다.

참고: 틀렸어요 format('ttf') 更改为 format('truetype'), 감사합니다 @herrstrietzel