Web页面引入思源黑体
生活随笔
收集整理的這篇文章主要介紹了
Web页面引入思源黑体
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1.下載思源黑體
鏈接：https://pan.baidu.com/s/13M6bCCW2z4_YxvVy-Pn_Vg
提取碼：zx17
用法
/** index.css **/ @font-face {font-family: "sourcehansans"; /* 這個名字可以自己定義 */src: url("./fonts/sourcehansans.eot"); /* IE9 Compat Modes */ /*這里以及下面的src后面的地址填的都是自己本地的相對地址*/src: url("./fonts/sourcehansans.eot?#iefix") format("embedded-opentype"),/* IE6-IE8 */ url("./fonts/sourcehansans.woff") format("woff"),/* Modern Browsers */ url("./fonts/sourcehansans.ttf") format("truetype"),/* Safari, Android, iOS */ url("./fonts/sourcehansans.svg#YourWebFontName")format("svg"); /* Legacy iOS */font-weight: bold;font-style: normal; } /** div樣式 **/ .font {font-family: "sourcehansans"; } <!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta http-equiv="X-UA-Compatible" content="ie=edge" /><title>Document</title><!-- 引入樣式 --><link rel="stylesheet" href="index.css" /></head><body><div class="font">思源黑體</div><div>正常字體</div></body> </html>效果如下：
最近在做公司的宣傳頁，要求的字體是思源黑體，由于字體庫太大了，加載速度慢，被領導要求優化。從網上找到一個可以壓縮剔除不常用字體軟件fontmin
壓縮后的文件直接替換之前的字體文件就可以了，很適合宣傳頁、推廣頁之類的
總結
以上是生活随笔為你收集整理的Web页面引入思源黑体的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： boost解析info文件
- 下一篇： mutable、volatile的使用