@font-face引入字体没有生效？

Question

最终效果是这样的

Answer 1

真正运用到项目，你得确保项目中有这个字体。

平时我们使用的字体一般都是电脑或手机自带的，所以不需要你引入，但这种小众的字体，你得手动引入并使用@font-face声明后才能使用，具体的字体文件找你们的设计要

@font-face {
  font-family: "DIN-Medium"; /* Project id 3786569 */
  src: url('iconfont.woff2?t=1669112263800') format('woff2'),
       url('iconfont.woff?t=1669112263800') format('woff'),
       url('iconfont.ttf?t=1669112263800') format('truetype');
}

Answer 2

从你的蓝湖可以看出来，很明显这个字体是第三方字体呀，需要你下载这个字体导入到自己的项目中