解决谷歌浏览器设置font-family属性不起作用,(css中设置了font-family:没有用)css字体属性没用

　　嗯,这个问题百思不得解.其他的浏览器器都没问题,在谷歌上就不行,网上找了很多,都没效果,后才发现,当然同样的问题可能错不一样的地方,我的解决方案:

感觉主要原因是自己也没查到,乱改一堆,就OK啦:

• 1,浏览器要有你项目里的内置字体,
• 2,对于下载字体的文件不能随便改名字.(重要)
• 3,要确保代码没问题.Vue项目的话,是放在App.vue里,其他组件可以随便用,不是那个组件用,放到那个组件.

 我想把log换一种字体

这是我显示不出来的界面

 

 

这是之后可以显示的:

更改步骤:

1,要确保字体路径,代码没问题:

 

 

 2,把字体装到系统里,一般双击字体文件直接提示安装就好啦,浏览器内置一下字体,在浏览器内设置外观自定义字体添加进去.

 

 

 

 之后我的就可以显示啦.