谷歌翻译搞砸了字体真棒图标 [英] Google Translate messes up Font Awesome Icons
问题描述
我在我的网站上使用了真棒字体图标. ( http://fortawesome.github.io/Font-Awesome/)
I use font awesome icons on my website. (http://fortawesome.github.io/Font-Awesome/)
我还考虑将Google翻译小部件添加到我的网站,作为底部的小标签,提示用户在需要时翻译页面. ( https://translate.google.com/manager/website/)
I am also thinking of adding the google translate widget to my website as a little tab at the bottom that prompts the user to translate the page if they need to. (https://translate.google.com/manager/website/)
但是,如果我通过Google翻译运行我的网站,那么所有字体真棒图标都会被弄乱.我认为Google尝试翻译图标(因为它本质上只是字体类型).有谁有想法防止这种情况的发生?
However, if I run my site through google translate, all of the font awesome icons gets messed up. I'm thinking that google tries to translate the icons (since it's essentially just a font type). Does anyone have an idea to prevent this from happening?
您可以通过仅通过Google翻译运行真棒字体网站来查看示例. ( https://translate.google.com/translate?hl=zh-CN&sl=en&tl=es&u=http%3A%2F%2Ffortawesome.github.io%2FFont-Awesome%2F )
You can see an example by just running the font awesome site through google translate. (https://translate.google.com/translate?hl=en&sl=en&tl=es&u=http%3A%2F%2Ffortawesome.github.io%2FFont-Awesome%2F)
Google翻译+字体很棒=不很棒
Google Translate + Font Awesome = Not Awesome
推荐答案
显然(未经测试),您可以在样式表中添加class="notranslate"
:
Apparently (untested) you can add class="notranslate"
to your stylesheet:
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" class="notranslate" />
这篇关于谷歌翻译搞砸了字体真棒图标的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!