Css 使用@font-face属性时未加载本地安装的字体
我尝试使用@font-face属性添加自定义字体。当我使用Css 使用@font-face属性时未加载本地安装的字体,css,fonts,Css,Fonts,我尝试使用@font-face属性添加自定义字体。当我使用url()属性加载下载的Google字体(ralway)时,它会工作。当我尝试使用local()属性本地加载同一字体(ralway)时,它仅在所有@font-face版本(浅色、粗体)上加载ralway常规字体 这是我的密码。这个单独的@font-face字体很好用 @font-face { font-family: 'raleway-regular'; font-style: normal; font-display: sw
url()
属性加载下载的Google字体(ralway
)时,它会工作。当我尝试使用local()
属性本地加载同一字体(ralway
)时,它仅在所有@font-face版本(浅色、粗体)上加载ralway常规字体
这是我的密码。这个单独的@font-face字体很好用
@font-face {
font-family: 'raleway-regular';
font-style: normal;
font-display: swap;
src: local('raleway'),
url('../fonts/raleway-regular.woff2') format('woff2'),
url('../fonts/raleway-regular.woff') format('woff'),
url('../fonts/raleway-regular.ttf') format('truetype'),
url('../fonts/raleway-regular.eot') format('embedded-opentype');
}
但是当我尝试使用下面的代码加载更粗体的版本时,local()
属性不加载本地安装的字体的粗体版本。url()
工作正常。如果我将local()
的值更改为local(ralway
),它将加载字体,但不会加载更粗体的版本
@font-face {
font-family: 'raleway-black';
font-style: normal;
font-display: swap;
font-weight 900;
src: local('raleway-black'),
local ('raleway black'),
url('../fonts/raleway-black.woff2') format('woff2'),
url('../fonts/raleway-black.woff') format('woff'),
url('../fonts/raleway-black.ttf') format('truetype'),
url('../fonts/raleway-black.eot') format('embedded-opentype');
}
我做错了什么?您确定安装的字体名称是“Raleway Black”,而不仅仅是“Raleway”?顺便说一下,font-weight
属性出现错误,缺少冒号。感谢@MrLister的回复。冒号只是一个键入错误。我的错。安装的字体(Raleway)具有多个权重。因此,我尝试使用更粗体的版本,在windows的字体设置中,在字体名称旁边列出“Raleway Black”。如果我只使用local('ralway'),它将加载字体的常规重量。这里我想做的是,如果“Raleway”字体在本地可用,那么在不加载url()链接的情况下加载它的相关权重。