안녕하세요,
테마에 사용자 지정 폰트를 추가하려고 하는데 작동이 안 됩니다… 분명 뭔가 잘못했지만 어디서 잘못했는지 찾지 못하고 있습니다.
format(‘woff2’)를 추가해 보았지만 이것도 작동하지 않습니다.
결국 작동하지 않습니다… 혹시 아이디어가 있으신가요?
문제가 무엇일지 정확히 모르겠습니다. 테마 및 컴포넌트에 에셋(예: 이미지, 폰트) 포함하기를 참고해 보시는 것이 좋을 것 같습니다. 도움이 되지 못해 죄송합니다.
안녕하세요 @Joart님,
제가 지나치게 단순화해서 말하고 있는 건지 모르겠지만, about.json 스니펫을 보면 폰트 경로가 assets 폴더를 가리키고 있는데, CSS에서는 fonts 폴더를 가리키고 있습니다. CSS 소스 경로가 정확한지 확인해 주시겠습니까?
좋은 지적입니다. 하지만 CSS에서 경로를 이렇게 사용하는 것은 권장하지 않습니다. 대신 자산(asset) 이름을 변수로 참조해야 합니다:
@font-face {
font-family: supply-light;
src: url($supply-light);
}
이 내용은 Include assets (e.g. images, fonts) in themes and components 에서 다루고 있습니다.
음, 시도해 봤는데 안 되네요 
이유를 정확히 파악하기는 어렵습니다. 테마를 GitHub에 올려 링크를 공유하시거나, 코드를 여기에 올려보시는 것을 추천드립니다.
@awesomerobot이 제공한 예제를 따르셨나요?
Hi @Joart,
제가 비교적 최근에 설치한 Discourse 인스턴스에서 이 기능을 조금 테스트해 보았지만, 처음 시도한 몇 가지 폰트에서는 문제가 발생했습니다. 무료 온라인 변환기를 사용하여 폰트를 .woff2 형식으로 변환했는데, 변환이 제대로 이루어지지 않았을 것 같습니다.
.otf 폰트로 시도해 보았고, 다시 더 신뢰할 수 있는 변환기를 사용하여 변환한 다른 .woff2 폰트로도 시도해 보았더니, @pfaffman님과 @awesomerobot님이 링크한 가이드의 단계에 따라 사용자 정의 폰트를 추가할 수 있었습니다.
실제로는 단 두 단계만 필요했습니다. ‘Add Upload’ 모달을 사용하여 파일을 업로드하고, 예시 SCSS에서 @font-face와 body 줄만 테마나 컴포넌트에 추가하는 것이었죠.
더 자세한 정보를 제공하고 코드와 폰트를 공유해 주시면, 문제를 해결하는 데 도움을 드릴 수 있을 것입니다.
네, 감사합니다! ttf 형식으로 시도해 보니 작동하네요!
