使用@ font-face不显示字体

时间:2017-03-21 11:05:44

标签: css

我正在尝试添加字体而不能正常工作。

我的字体文件夹:

assets/fonts/

我的样式表文件夹

assets/css/

我的CSS代码

@font-face {
    font-family:"GE SS Two Medium";
    src:url("../fonts/GE_SS_Two_Medium.eot?") format("eot"),
    url("../fonts/GE_SS_Two_Medium.woff") format("woff"),
    url("../fonts/GE_SS_Two_Medium.ttf") format("truetype"),
    url("../fonts/GE_SS_Two_Medium.svg#GESSTwoMedium-Medium") format("svg");
    font-weight:normal;
    font-style:normal;
}

body {
    font-family: "GE SS Two Medium";
    color: #0F4242;
    font-size: 14px;

}

1 个答案:

答案 0 :(得分:2)

由于您使用url("../fonts) 您将返回到ftp服务器的根目录,而不是查找文件夹字体。由于文件夹字体是资产,服务器无法找到它。

我不知道您的ftp服务器的确切文件结构。但是你需要确保路径是正确的。

示例:

-- root
 -- assets
  -- fonts
  -- css
  -- js

你的道路将是:

url("../assets/fonts/GE_SS_Two_Medium.ttf") format("truetype")