登录后台

页面导航

本文编写于 164 天前,最后修改于 164 天前,其中某些信息可能已经过时。

萌え看到好看的字体,单击F12查看。
发现用的字体叫ZCOOL KuaiLe,蛮可爱的。
引用了一个css:
<link href="https://fonts.loli.net/css?family=ZCOOL+KuaiLe" rel="stylesheet">

剖析css:

@font-face{
font-family: 'ZCOOL KuaiLe';
font-style: normal;
font-weight: 400;
src: url(https://gstatic.loli.net/s/zcoolkuaile/v5/tssqApdaRQokwFjFJjvM6h2Wo-Tpo2MpsrpYU3EJjXfOiTrBdUtGm0PGsPHkbHZzpr3G.5.woff2) format('woff2');
unicode-range: U+fee3, U+fef3, U+ff03-ff04, U+ff07, U+ff0a, U+ff17-ff19, U+ff1c-ff1d, U+ff20-ff3a, U+ff3c, U+ff3e-ff5b, U+ff5d, U+ff61-ff65, U+ff67-ff6a, U+ff6c, U+ff6f-ff78, U+ff7a-ff7d, U+ff80-ff84, U+ff86, U+ff89-ff8e, U+ff92, U+ff97-ff9b, U+ff9d-ff9f, U+ffe0-ffe4, U+ffe6, U+ffe9, U+ffeb, U+ffed, U+fffc, U+1f004, U+1f170-1f171, U+1f192-1f195, U+1f198-1f19a, U+1f1e6-1f1e8;
}
  1. @font-face{}:定义字体。
  2. font-style:有除normal之外的写其他的(有没有由字体决定)。
  3. font-weight:字重,400就是normal的意思。
  4. src:源文件,后面跟上format('woff2'),代表格式为网页开放字体格式(WOFF)
  5. unicode-range:字符可表示范围。

以后用自定义字体的时候去找css引入,然后在font-family加上对应的字体就行了。

已有 1 条评论