avenir-medium只是一种字体，你所问的css怎么引用，要用到@font-face来先定义好这种字体，这样当用户电脑上不存在这种字体的时候，就会自动从服务器下载这种字体然后显示出来。
例如这样：
@font-face {font-family: 'diyfont'
src: url('diyfont.eot') /* IE9+ */
src: url('diyfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('diyfont.woff') format('woff'), /* chrome、firefox */
url('diyfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
url('diyfont.svg#fontname') format('svg') /* iOS 4.1- */
}
我正在使用 62.5% 技巧在不同的屏幕尺寸上设置我的字体大小。这些字母在大屏幕上看起来太小了，所以我想使用最小宽度媒体查询将其增加到 80% 的字体大小，但由于某种原因，这根本不起作用。难道我做错了什么？ 我正在使用 sass，此文件位于 _themes.scss 文件中编辑：当我查看检查器时，媒体查询被划掉并显示“未知属性名称”
*,
*::before,
*::after {
color:rgb(255 211 0)">margin: 0
color:rgb(253 97 106)">padding: 0
color:rgb(98 189 255)">box-sizing: border-box
}
html {
color:rgb(98 189 255)">font-size: color:rgb(144 255 173)">62.5%
@media screen and (color:rgb(98 189 255)">min-width: 1600px) {
color:rgb(98 189 255)">font-size: 80%
}
}
html,
body {
color:rgb(98 189 255)">overflow-x: hidden
}
body {
color:rgb(98 189 255)">font-family: 'Poppins', Avenir, Helvetica, Arial, sans-serif
color: color:rgb(73 238 255)">hsl(0, 0%, 100%)
text-align: center
color:rgb(98 189 255)">font-size: 1.6rem
min-height: 100vh
}
