HTML5+CSS3调用服务器端字体.docx
HTML5+CSS3 调用服务器端字体HTML5+CSS3 调用服务器端字体 在浏览网页时，可能由于客户端计算机没有安装一些特殊字体，则网页将无法显示实际效果。 因此，用户可以使用font-face调用服务器端字体。 语法： font-face font-family: <YourWebFontName> src: <source> <format>,<source> <format>*; font-weight: <weight> font-style: <style> 上述语法中，各参数的含义： l l l l YourWebFontName 指自定义的字体名称，最好是使用下载的默认字体，他将被引用到的Web元素中的font-family。 Source 指自定义的字体的存放路径，可以是相对路径也可以是绝路径。 Format 指自定义的字体的格式，主要用来帮助浏览器识别，其值主要有以下几种类型：truetype,opentype,truetype-aat,embedded-opentype,avg等。 weight和style 这两个值，weight定义字体是否为粗体，style主要定义字体样式，如斜体。 示例：14-6 font.html <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>调用服务字体</title> <style type="text/css"> font-face h1 </style> font-family:"迷你简剪纸" font-size:36px; font-family:"迷你简剪纸" src:url('迷你简剪纸.ttf') format('opentype'); </head> <body> <h1>使用服务器字体</h1> </body> </html> 执行上述代码，在浏览器中查看效果。 调用服务器字体效果
