我看到一些新网站在其网站上使用自定义字体(常规Arial,Tahoma等除外)。
并且它们支持大量的浏览器。
怎么做到的?同时,如果可能的话,还会阻止人们自由下载字体。
通常,您可以@font-face在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是您的选择器)。
.classname
请注意,某些字体格式并非在所有浏览器上都有效;您可以使用fontsquirrel.com的生成器来避免过多的工作量。
您可以找[Google字体提供的一组不错的免费网络字体(还具有自动生成的CSS@font-face规则,因此您不必自己编写)。
同时还会阻止人们自由访问字体(如果可能)
不会,无法通过CSS嵌入自定义字体来为文本设置样式,同时阻止人们下载文本。您需要使用图像,Flash或HTML5Canvas,但它们都不是很实用。
希望对您有所帮助!