Css 使用@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

我尝试使用@font-face属性添加自定义字体。当我使用
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()链接的情况下加载它的相关权重。