干货vi设计的核心价值在于为企业打造独特的品牌,干货vi设计可以给企业带来良好的社会声誉和经济效益。
自定义字体是CSS3对设计者最有吸引力的方面之一。使用字体-字体规则,您可以在网页文本中呈现任何在线字体,而不管用户是否安装了该字体。
与大多数CSS3技术一样,基本代码非常简单,但是实际情况稍微复杂一些。
在这个简短的教程中,我们将介绍在页面中包含自定义字体的基本知识。
上传照片
首先,确保您要使用的字体已获得网络使用许可。几乎所有的免费字体都可以在网站上使用,许多高级字体也可以通过网络使用许可获得。
接下来上传你选择的字体到你的服务器。您可能希望将它存储在一个专用的"字体"目录中,但这是可选的。
记住要包含您计划使用的任何字体变体的文件,例如粗体或斜体。您可以将EOT(嵌入式OpenType)文件用于Internet Explorer,而将OTF (OpenType)或TTF (TrueType)用于其他浏览器。(其他选项包括WOFF(网络开放字体格式)和SVG(可缩放矢量图形),但我们将坚持使用更常见的类型。)
记下服务器上字体文件的存储位置。
向半铸钢钢性铸铁(Cast Semi-Steel)代码中添加字体部分
打开您正在处理的页面的超文本标记语言或半铸钢钢性铸铁(Cast Semi-Steel)文件。向样式代码添加字体声明:
@font-face {
}
首先在字体部分中,给字体一个名称,以便以后引用它:
字体家族:“可爱的字体”;
接下来,仍然在字体部分中,提供EOTfile的位置:
src:URL(' fonts/lovely _ font。eot’);
根据需要更改字体的位置和名称。接下来添加一个光学传递函数和/或TTFfont:
src:
url('fonts/lovely_font.otf ')
src:
url('fonts/lovely_font.ttf ')
这是必要代码的基本框架,在许多情况下已经足够了。然而,我们可以采取额外的步骤来使代码更加可靠。首先扩展这一部分以包括字体文件类型的指示符:
src:
url('fonts/lovely_font.otf ')
格式(“opentype”);
src:
url('fonts/lovely_font.ttf ')
格式(' truetype ');
作为另一个可选的效率措施,我们可以让浏览器检查字体的本地副本,以防用户已经有了它。按如下方式再次扩展您的代码,在指定统一资源定位器之前添加本地部分,以便仅在必要时下载字体:
src:
本地('可爱字体'),
本地('可爱字体'
总监微信咨询 舒先生
业务咨询 张小姐
业务咨询 付小姐