Question

我是编码世界的初学者，在这里问第一个问题，希望我能正确解释自己！

我已经通过字体面上传了Proxima Nova Regular和Open Sans Light，并在我的css文件中包含了样式。这两种字体都有效，但不是应该的样子。与我计算机上安装的相比，Proxima Nova的重量更大。这两种字体都不会提取html粗体功能吗？要使文本加粗我需要在css文件中指定字体粗细，没有其他办法吗？不确定是什么问题。我试图找到一个解决方案，但找不到任何解决方案。也许这是我在学习之旅中无法掌握的基本内容我用Font Squirrel下载了字体。字体基于我的css文件的单独资产文件夹。我试图多次清除我的字体缓存，但没有帮助。我正在使用Chrome但是与其他浏览器存在相同的问题：Mozilla和IE。

这是我追求的字体，我在电脑上工作，在本地安装了proxima nova和open sans：https://www.katietreggiden.com/about

这是我通过font face和web服务器获得的：https://youmedigital.com/

提前感谢您的帮助： - ）

@font-face {
font-family: "Proxima Nova";
src: local("Proxima Nova");
src: url("assets/fonts/Proxima Nova.woff") format("woff"),
     url("assets/fonts/Proxima Nova.woff2") format("woff2"),
     url("assets/fonts/Proxima Nova.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}

@font-face {
font-family: "Open Sans";
src: local("Open Sans");
src: url("assets/fonts/Open Sans Light.woff") format("woff"),
     url("assets/fonts/Open Sans Light.woff2") format("woff2"),
     url("assets/fonts/Open Sans Light.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}

body {
font-family: "Proxima Nova"; 
font-weight: 300;
color: #575757;
}

h1, h2, h3, h4, h5, h6 {
font-family: "Open Sans";
font-weight: 300;
color: #000000;

}

@font face - 本地和实时服务器之间的字体行为不同

0 个答案: