关于Ubuntu字体在浏览器显示失效的解决方法
最近一直在做公司国外的官网,独立开发,前端小菜鸟会遇到很多问题,解决方法就是在网上找各种博客汲取经验,今天公司UI设计出了一个新的页面字体,我就直接设置上去了,但是明明font-family:Ubuntu设置好了,字体也没生效,才发现font-family里面没有这类字体导致无法生效,如果再次遇到同样的问题,使用以下代码即可解决
需要什么字体就导入什么字体
@import url(https://fonts.googleapis.com/css?family=Ubuntu:300);
/*@import url(https://fonts.googleapis.com/css?family=Abel);*/
@import url(https://fonts.googleapis.com/css?family=Pontano+Sans);
.pontano_s{
font-family: 'Pontano Sans', sans-serif;}
.Ubuntu{
font-family: 'Ubuntu';}
.Abel{
font-family:'Abel';}
.Helvetica_Light{
font-family:'Helvetica-Light';}
body {
font-size: 14px;
line-height: 1;
font-style: normal;
font-family: 'Ubuntu';
}