0
我想在React中使用Google字體。我正在使用導入'https://fonts.googleapis.com/css?family=Josefin+Sans';在App.js和font-family中：'Josefin Sans'，草書;在component.css中，我想使用它。我得到一個無法編譯錯誤。我還沒有找到適合我的答案。如何在React JS中使用Google字體
A
回答
1
AFAIK你不能從URL導入文件。您必須在本地託管它（抓取整個文件），或者像在另一個「基本」樣式表中那樣將其包含在頁面的標題中。
編輯
使用@import語法在component.css。
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans');
迪倫
相關問題
- 1. 如何在React中使用Fine Uploader js
- 2. React JS Google Map使用限制
- 3. 如何在React js中設置道具使用引用js
- 4. react-native react-native-vector-icons：如何使用字體真棒圖標
- 5. 在PHP中使用Google字體GD
- 6. 如何在JSFiddle中包含Google字體？
- 7. 如何在Safari中顯示Google字體？
- 8. 如何在網頁中使用多個Google字體？
- 9. 在SASS/Compass中使用Google Web字體 - 如何？
- 10. 如何在React JS中使用Redux和Axios？
- 11. 一旦你有界限，如何在react-google-map中使用fitBounds
- 12. 如何在React Native Android中使用Google Places自動完成API？
- 13. 如何使用React顯示html實體？
- 14. 在Google Apps腳本中使用Google字體
- 15. 在JHipster上使用Google字體
- 16. 如何在React Native中使用<TabBarIOS>的自定義字體？
- 17. 使用Neo4j與React JS
- 18. 使用jQuery與React JS
- 19. 如何用純JS導入字體？
- 20. 如何使用Stylish更改Google Tasks中的字體？
- 21. 如何在Ionic2 RC0/RC1上使用Google字體？
- 22. 在SVG中繪製DOM對象時如何在Canvas中使用Google字體？
- 23. 如何在CakePHP中加載Google字體/在CakePHP中使用GoogleFontHelper 2.3.6
- 24. 使用Google翻譯製作網站多語言支持React js
- 25. 使用Google Maps和React Js ES6顯示多個標記
- 26. 如何在通知中使用字體？
- 27. 如何在asp.net中使用kannada字體？
- 28. 如何在LaTeX中使用TrueType字體
- 29. 如何在vb.net中使用字體base64
- 30. 在React本地Webview中使用自定義字體
你的問題已經在這裏answerd：https://stackoverflow.com/questions/40769551/how-to-use-google-fonts-in-react-js/47733243# 47733243 – Elizbeth
重複的帖子你可以在這裏查看答案：https://stackoverflow.com/questions/40769551/how-to-use-google-fonts-in-react-js/47733243#47733243 – Rizo