Solitude如何引用自定义字体

文章摘要

青桔 GPT 4

此内容根据文章生成，并经过人工审核，仅用于文章内容的解释与总结

投诉

@font-face 是一种 CSS 规则，它允许开发者定义网页中使用的字体，并为其指定来源。通过 @font-face，你可以将本地的字体文件（如 .ttf、.woff、.woff2 等）加载到网页中，或者引用外部的字体文件。

1. 你可以在自定义css文件中这样写：

   @font-face {
       font-family: 'MyCustomFont';  /* 定义字体名称 */
       src: url('/path/to/font/mycustomfont.ttf') format('truetype');  /* 字体文件路径及格式 */
       font-weight: normal;  /* 字体粗细 */
       font-style: normal;   /* 字体样式 */
   }

2. 还定义多种格式，比如这样：

   @font-face {
       font-family: 'MyCustomFont';
       src: url('/path/to/font/mycustomfont.woff2') format('woff2'),   /* 提供 WOFF2 格式 */
            url('/path/to/font/mycustomfont.woff') format('woff'),     /* 提供 WOFF 格式 */
            url('/path/to/font/mycustomfont.ttf') format('truetype');  /* 提供 TTF 格式 */
       font-weight: normal;
       font-style: normal;
   }

3. 当你操作完上边这些内容就可以在solitude主题配置文件中进行添加你的字体啦

   

好了大功告成