【问题标题】:Awesome fonts failed to decode in Meteor+react令人敬畏的字体无法在 Meteor+react 中解码
【发布时间】:2017-08-14 10:56:29
【问题描述】:

在我在 Meteor+React 中实现 react-widgets 的过程中, 我能够得到日期时间对象。但不知何故,fontawesome 没有正确加载,所以 datetime 对象现在看起来像:

控制台给了我以下警告:

解码下载字体失败:http://localhost:3000/fonts/rw-widgets.ttf?v=4.1.0

OTS 解析错误:版本标签无效

当前实施

我在 main.js 中导入了所需的 css 文件:

import 'react-widgets/dist/css/react-widgets.css';

在我的应用中,我导入了日期时间选择器,这里没什么特别的。

import { DateTimePicker } from 'react-widgets';
...
<DateTimePicker
    ref="startedAt"
    format={'YYYY/MM/DD HH:mm'}
    timeFormat={'HH:mm'}
    step={1}
    className='form-control'
    defaultValue={startDate}
    culture='en' />

所以我可能忘记了一些直接的事情?

【问题讨论】:

    标签: reactjs font-awesome


    【解决方案1】:
    1. 在你的项目文件夹中创建一个公用文件夹,里面有client、server、imports等文件夹。
    2. 将字体和 img 文件夹从“你的项目文件夹/node_modules/react-widgets/dist/”复制到上面的公共文件夹中。重新启动服务器后,您应该不会看到您提到的警告。

    【讨论】:

    • 我还必须把它放在我的 scss 文件中: $rw-font-path: "~/fonts";否则浏览器会在当前路由中寻找字体。
    猜你喜欢
    • 1970-01-01
    • 2019-09-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-03-06
    • 2015-12-17
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多