Froala字体图标显示为方形
Froala字体图标显示为方形
提问于 2016-11-10 08:39:48
有时我甚至不知道从哪里开始调试，因为我已经尝试了太多的东西，所以我不知道什么起作用了，什么根本就没有起作用。
问题：当我在应用程序中加载Froala文本编辑器时，编辑器加载良好，通过编辑器提交的内容甚至保存。但是工具栏图标(字体图标)都显示为正方形。
我尝试过的：
- 弗罗拉文档说，我应该在
application.css文件中写入所有这些“要求”，所以我尝试将application.css.scss更改为application.css，这样就可以了。但是我还有其他sass文件需要导入到我的应用程序文件中，这就是为什么我把它作为application.css.scss。 - 我使用Froala Gem将Froala安装到项目中。编辑器正在初始化，这意味着
require froala_editor.min.css中的要求正在工作。这是不是意味着我的require font-awesome应该工作，我的图标在工具栏上应该正确显示？ - 我也尝试过将Font直接添加到应用程序布局中，但这似乎并没有改变任何事情。
- 我尝试重新设置缓存并使用不同的浏览器。
这是一个非常类似的问题，与this post，但我认为我做的一切，我应该做的，加载字体-令人敬畏的图标，所以我不知道我哪里出错了！
谢谢你的帮助，提前告诉我，如果我可以提供任何额外的信息！
更新:我正在使用此链接中的froala v2，如下所示： https://www.froala.com/wysiwyg-editor/docs/framework-plugins/rails
application.css.scss
/*
* This is a manifest file that'll be compiled into application.css, which will include all the files
* listed below.
*
* Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
* or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
*
* You're free to add application-wide styles to this file and they'll appear at the bottom of the
* compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
* files in this directory. Styles in this file should be added after the last require_* statement.
* It is generally better to create a new file per style scope.
*
*= require_self
*= require froala_editor.min.css
*= require froala_style.min.css
*= require font-awesome
*= require plugins/char_counter.min.css
*= require plugins/code_view.min.css
*= require plugins/colors.min.css
*= require plugins/emoticons.min.css
*= require plugins/file.min.css
*= require plugins/fullscreen.min.css
*= require plugins/image_manager.min.css
*= require plugins/image.min.css
*= require plugins/line_breaker.min.css
*= require plugins/quick_insert.min.css
*= require plugins/table.min.css
*= require plugins/video.min.css
*/回答 1
Stack Overflow用户
回答已采纳
发布于 2016-11-11 13:30:51
我将错误追溯到css，我编写了css，将<body>的字体系列设置为自定义的字体系列。当我移除它时，正方形开始显示为正常！我假设这是因为字体令人敬畏的图标不知道如何在任何其他字体系列中显示图标，而不是为其创建的？
如果有人能给我一个明确的解释，那将是很棒的，但给这个故障排除尝试，如果你遇到任何类似的问题！
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/40523183
复制相关文章
相似问题
腾讯云开发者
