有人可以测试这种字体，让我知道正确的CSS代码？

Question

http://www.1001freefonts.com/kimberley.font

我想在网页上实现这种字体。我曾尝试使用此代码，但字体根本不会改变。

@font-face { 
font-family: 'Kimberley'; 
src: url(kimbalt_.tff); 

}

我很抱歉，但我知道这是太noobish。

谢谢。

Answer 1

您需要查找字体的Web字体版本。如果您购买了字体许可证，您可以在网上字体转换器上制作网络版本，例如fontsquirrel.com

然后，您需要上传字体（将包含更多字体格式）以及您需要的src属性提供字体的链接。 @fontface的示例

@font-face { 
    font-family: 'MyWebFont'; 
    src: url('webfont.eot'); /* IE9 Compat Modes */ 
    src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
     url('webfont.woff') format('woff'), /* Modern Browsers */ 
     url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */ 
     url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */ 
}