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

Question

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

我正在尝试在网页上实现此字体。我尝试过使用此代码，但字体根本没有变化。

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

}

我很抱歉，但我知道这太苛刻了。

谢谢。

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 */
}