我已经看到一些新的网站在他们的网站上使用自定义字体(除了常规的Arial,Tahoma等).
而且它们支持大量的浏览器.
怎么才能做到这一点呢?同时如果可能,还阻止人们免费访问下载该字体.
我已经看到一些新的网站在他们的网站上使用自定义字体(除了常规的Arial,Tahoma等).
而且它们支持大量的浏览器.
怎么才能做到这一点呢?同时如果可能,还阻止人们免费访问下载该字体.
通常,您可以在CSS中使用@font-face
的自定义字体.这里有一个非常基本的例子:
@font-face {
font-family: 'YourFontName'; /*a name to be used later*/
src: url('http://domain.com/fonts/font.ttf'); /*URL to font*/
}
然后,简单地在特定元素上使用字体:
.classname {
font-family: 'YourFontName';
}
(.classname
是您的 Select 符).
请注意,某些字体格式并不适用于所有浏览器;你可以使用fontsquirrel.com的生成器来避免太多的转换工作.
你可以找到由Google Fonts提供的一套不错的免费网络字体(也有自动生成的CSS @font-face
规则,所以你不需要自己写).
同时,如果可能的话,也会阻止人们免费下载字体
不,不可能通过CSS嵌入自定义字体来设置文本样式,同时阻止人们下载.你需要使用图像、Flash或HTML5 Canvas,所有这些都不是很实用.
我希望这有帮助!