2013-12-23 51 views
0

我在我的LESS/css文件如下:现代浏览器使用font-awesome需要哪个文件?

@font-face { 
    font-family: 'FontAwesome'; 
    src: url('/Content/font-awesome/fontawesome-webfont.eot?v=3.0.1'); 
    src: url('/Content/font-awesome/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), 
    url('/Content/font-awesome/fontawesome-webfont.woff?v=3.0.1') format('woff'), 
    url('/Content/font-awesome/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); 
    font-weight: normal; 
    font-style: normal; 
} 

[class^="fa-icon-"], 
[class*=" fa-icon-"] { 
    font-family: FontAwesome; 
    font-weight: normal; 
    font-style: normal; 
    text-decoration: inherit; 
    -webkit-font-smoothing: antialiased; 
    display: inline; 
    width: auto; 
    height: auto; 
    line-height: normal; 
    vertical-align: baseline; 
    background-image: none; 
    background-position: 0% 0%; 
    background-repeat: repeat; 
    margin-top: 0; 
} 

我的应用程序的工作,并正确显示的图标,但我感到困惑的这些文件将被使用。我使用所有现代浏览器IE9,最新的Chrome,Firefox和Safari。

回答

2

Please see the image below

我们以不同的格式添加的字体,因为每个浏览器都有自己如此的不同格式的字体包括渲染字体的方式。

+0

但是,这不会使一些非常大的下载?我正在尝试使用http://www.icnfnt.com/#/缩小尺寸,但今天尝试使用它似乎不再有效:​​-( –

相关问题