谷歌翻译搞砸了字体真棒图标 [英] 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屋！