为什么font-face自定义的字体用不了
发布网友
发布时间:2022-04-30 17:52
我来回答
共1个回答
热心网友
时间:2022-04-21 08:32
首先,我们要找到这个字体,因为这个字体只有ttf格式的,所以我们需要转换出其他各种不同的格式,至于如何转换,有软件,有在线,比如:FontsQuirrel、onlinefontconverter
转换好后,就可以编写css代码了。首先在CSS里先声明这种字体:
@font-face {
font-family: 'hooray'; /*给自定义字体命名*/
src: url('hooray.eot');
src: url('hooray.eot?#iefix') format('eot'),
url('hooray.woff') format('woff'),
url('hooray.ttf') format('truetype'),
url('hooray.svg#webfontjKg17VrE') format('svg');
}
声明完了就可以像其它字体那样使用了:
p{font: 13px hooray,Arial}