CSS样式表和自定义字体

Question

好吧,我是CSS新手,所以我们走了.在模板中,我使用的是样式表

head {font-family:Verdana; 字体大小:16px的; 颜色:#000000;}
body {font-family:Verdana; 字体大小:12像素; 颜色:#ffffff}
a {color:#ff0000; FONT-FAMILY:宋体; font-size:30px;}
bluetext {color:#0000ff;}
tooltip {font-family:Verdana; 字体大小:11像素; 颜色:#FFFFFF;}

所以我认为它确定了每个部分的字体应该是什么.如果我想在所有这些部分使用自定义字体而不是Verdana,我该怎么办？我有.ttf文件,但我不知道还能做什么.

提前致谢!

Answer 1

首先woff为Mozilla,eotIE等所有浏览器生成字体.因此,您可以从http://www.fontsquirrel.com/fontface/generator和 http://www.font2web.com/生成 .然后写入@font-face你的CSS.

@font-face {
  font-family: 'font';
  src: url('font.eot?') format('eot'), url('font.woff') format('woff'), url('font.ttf') format('truetype');
}
body{
  font-family: 'font';
  color:#fff;
font-size:12px;
}
.head {font-size:16px; color:#000000;}
a {color:#ff0000; font-size:30px;}
.bluetext {color:#0000ff;}
.tooltip{font-size:11px;}