javascript - 如何在 React JS 中使用 Google 字体

标签 javascript css reactjs google-font-api

我想在 React 中使用 Google 字体。我正在使用

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

在 App.js 和

font-family: 'Josefin Sans', cursive; 

在 component.css 中,我收到编译失败错误。

最佳答案

据我所知,您无法从 URL 导入文件。您必须将其托管在本地(获取整个文件),或者将其包含在页面的标题中,就像使用另一个“基本”样式表一样。

编辑

component.css 中使用 @import 语法。

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

迪伦

关于javascript - 如何在 React JS 中使用 Google 字体,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44708709/

相关文章:

reactjs - 刷新时重定向上的 React 导航组件会丢失数据

javascript - Axios:未捕获( promise )TypeError:无法读取未定义的属性 'protocol'

javascript - 谁能告诉我我的代码有什么问题?

html - 强制容器保持在准确位置

javascript - 在 Reactjs 中实现这个

javascript - react native : invoke method dynamically

windows - 使用 JScript 查找操作系统名称/版本

javascript - 更改高度或向 EXTjs ext.tab.Tab 组件添加填充

javascript - 使用图像映射在悬停时更改图像

javascript - React-Native 中的右下对齐(使用 Flex-box)不起作用