无直接HTML访问权限下CSS导入自定义字体的问题咨询

公开字体woff2链接获取方式 #

• Google Fonts类公开字体库：选好所需字体的字重、样式后，获取官方给出的CSS引入地址，直接在浏览器访问该地址，就能看到完整的@font-face规则，里面的url参数就是官方托管的woff2直链，直接复制到你的CSS代码中使用即可，写法和你给出的示例完全一致：

@font-face {
    font-family: 你自定义的字体名;
    src:url(你获取到的woff2链接);
}

• 其他商用公开字体：可以在字体官方的开发者文档中查找官方提供的CDN分发链接，或者在开源字体仓库中搜索对应字体的公开woff2分发文件提取直链。

自定义字体上传GitHub获取可用链接步骤 #

如果没有现成的公开直链，你可以自己上传字体到GitHub生成可用链接，操作步骤如下：

• 先将你要使用的字体文件转换为woff2格式（使用本地转换工具即可，注意提前确认字体的版权允许你进行分发使用）
• 新建一个公开的GitHub仓库，可自定义仓库名称比如font-storage
• 将转换好的woff2文件上传到该仓库中，提交变更
• 打开仓库内该woff2文件的详情页面，点击「Raw」按钮，复制浏览器地址栏的链接，该链接即可直接作为@font-face的src参数使用

提示：请务必确认你使用的字体拥有合法的使用和分发权限，避免版权风险。

内容的提问来源于stack exchange，提问作者Vryl