我发现很多关于未显示Awesome字体图标的问题。但是他们与我的具体问题不符。
我尝试在我的网站上实施一个名为Shariff的heise.de项目。 Shariff使网站用户可以在社交网络中分享他们喜欢的内容,而不会影响他们的隐私。要实现这一点,不要使用Facebook,Twitter等常见的共享或类似按钮。
在这个项目中,Awesome字体用于显示共享按钮附近的Facebook,Twitter等已知符号。 Awesome-font由@ font-face在文件shariff.css中实现。我已下载字体v = 4.6.3并已将其安装在我的网站空间。
当用iPhone / iPad(Safari)或Chrome查看我的演示网站时,我可以看到Facebook,Twitter,LinkedIn等的符号。但是在IE11中没有。要检查我的CSS是否有一些错误,我替换了例如普通charakcter的twitter符号:: 代替: .fa-叽叽喳喳:前{内容: “\ F099”} 我用了: .fa-叽叽喳喳:前{内容: “TW”}。 这在IE11中工作,我在推文按钮之前看到了'tw'。
我在过去几天搜索了网页,在IE11中找到了解决这个问题的方法,但找不到任何有效的方法。
我想在我通过@ font-face实现Awesome字体的shariff.css中肯定有问题但是我找不到bug。所以我希望这里有人可以提供帮助。如果它只是缺少空格,支架等,请对我宽容。我是盲人,必须用语音合成器读取CSS文件,在这种情况下有点困难。
你会在这里找到我的测试网站和CSS: http://www.sensitive-tiertherapie.de/test/index.htm http://www.sensitive-tiertherapie.de/test/css/shariff.css
不幸的是,这个网站是德语,但如果你向下滚动到该网站的底部,你可以看到共享按钮。
如果有人能够找到它,为什么它不能正常工作,我将不胜感激。
顺便说一句:我希望我的问题能够正常显示,因为屏幕阅读器对这个网站的处理不是很顺利。亲切的问候,迈克尔
答案 0 :(得分:0)
非常感谢您的反馈,我得到了解决方案: 这是IE11的本地可访问性设置: 额外 - >选项 - >一般 - >辅助功能
这是"忽略网站上的字体"选择。关闭此设置后,Awesome-font的图标将按预期显示。
所以,如果有人遇到同样的麻烦,请检查 1. IE11的兼容模式 2.辅助功能设置。