字体脸 - 在OPERA自己的字体不工作,,不明财产”

.title_font{ 
     font-family: montserrat; 
     src: url("/assets/font/Montserrat-Light.otf") format("opentype"); 
} 
    @font-face { 
font-family: 'montserrat'; 
src: url('/assets/font/Montserrat-Light.otf') format("opentype"); 
font-weight: bold;

}字体脸 - 在OPERA自己的字体不工作,,不明财产”

这些都不是工作......你可以帮我它说未知的属性...路径字体是什么？

来源

2016-09-26 Števko Marcin

这第一个代码是无效的，但'@ font-face'规则应该工作。 “未知财产”通常表示错字，您是否可以使用原始代码创建在线版本？ – RoelN

可选步骤一：将您的OTF转换为WOFF，因为您希望浏览器知道这不仅仅是一个通用的系统字体，而且是一个旨在在线使用。WOFF解析并不像通用系统字体规则，WOFF用可选zlib（WOFF）/ brotli（WOFF2）压缩包装ttf/otf源字节，使字体显着缩小电线。

然后，不甚至远程可选步骤2：你定义这个资源仅时使用的字体族是montserrat和的权重设置为bold（或数值700，它是同样的事情在CSS中）。因此，当您离开重量时，您的字体资源不适用，因为这导致重量为normal/400，因此应该清楚地而不是映射到您显示的@ font-face声明。

如果你想要你的字体应用到任何重量，消除你的@font-face声明font-weight限制，或者更好的是：提供的用于其重量/风格组合，资源的适当列表。

@font-face { 
    font-family: montserrat; 
    src: url(.../regular.woff) format("woff"); 
    style: normal; 
    weight: normal; 
} 

@font-face { 
    font-family: montserrat; 
    src: url(.../light.woff) format("woff"); 
    style: normal; 
    weight: 300; 
} 

@font-face { 
    font-family: montserrat; 
    src: url(.../bolditalic.woff) format("woff"); 
    style: italic; 
    weight: bold; 
}

等等。

来源

2016-09-26 22:12:01

像魅力一样工作，谢谢 –

字体脸 - 在OPERA自己的字体不工作,,不明财产”

回答

相关问题