关于Ubuntu字体在浏览器显示失效的解决方法

关于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';
}