css引用阿里字体库不起作用

今天在开发过程中使用了阿里字体库，但是发现引用之后并没有起到作用，字体仍然是浏览器默认的字体，经过排查发现以下原因：

link rel="stylesheet" href="//at.alicdn.com/t/font_abcdefg/123.css">
    

1.非https协议

如果你的网站是使用https协议加密的，那么使用http方式引用阿里字体库就会被浏览器拦截，需要使用https方式引用。

link rel="stylesheet" href="https://at.alicdn.com/t/font_abcdefg/123.css">
    

2.字体库路径不存在或错误

确认使用正确的阿里字体库编号，并检查路径是否正确。

link rel="stylesheet" href="https://at.alicdn.com/t/font_abcdefg/123.css">

3.样式被覆盖

如果你的字体样式被其他样式覆盖了，可以通过提高优先级来解决。

/* 使用!important提高优先级 */ selector {
        font-family: "Alibaba-PuHuiTi-Regular"!important;
}
    

以上就是阿里字体库不起作用的几种可能原因，希望对你有所帮助。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！