如何在React JS中使用Google字体

Question

我想在React中使用谷歌字体。我使用的是导入'https://fonts.googleapis.com/css?family=Josefin+Sans';在App.js和font-family中：'Josefin Sans'，草书;在我想要使用它的component.css中。我收到编译失败的错误。我还没有找到适合我的答案。

Answer 1

您可以通过AFAIK从URL导入文件。您必须在本地托管（抓取整个文件），或者将其包含在您的页面标题中，因为您要对其他人进行操作（＃34;基本＆＃34;样式表。

修改

使用@import中的component.css语法。

@import url('https://fonts.googleapis.com/css?family=Josefin+Sans');

迪伦

Answer 2

转到/** * Updates the Pictures gallery to include the newly created file. * @param fileObj: file path to be scanned so that the new file will appear in the gallery */ private fun refreshPhoneGallery(fileObj: File) { /* Scan the specified file path so that the new file will appear in gallery */ MediaScannerConnection.scanFile( yourContext, arrayOf(fileObj.path), null, object : MediaScannerConnection.OnScanCompletedListener { override fun onScanCompleted(scannedFilePath: String?, p1: Uri?) { // Do whatever } } ) }

用于本地字体：

component.css

用于Google字体：

@font-face {
    src: url('./fonts/Report-Bold.ttf')  format('ttf');
}