Html CSS选择器不'；在h1标签上不生效

我正在制作一个网站，应该有一个大标题作为主要描述。我将描述嵌入了

标记中，并使用CSS使标记具有Monsterrat字体。但无论我重新加载页面多少次，它都不会生效

/****************类选择器********************/
.电话{
高度：500px；
宽度：550px；
高度：自动；
边缘底部：-120px；
}
/********************ID选择器********************/
#头衔{
背景色：#2978b5；
}
/********************标签选择器********************/
h1{
字体系列：“蒙特塞拉特黑”，无衬线；
字体大小：3rem；
线高：1.5；
}

技术日志












获取最佳的技术更新和产品新闻。
下载
下载

使用不同的类覆盖默认引导字体

@导入url（'https://fonts.googleapis.com/css?family=Montserrat');
/********************类选择器********************/
.电话{
高度：500px；
宽度：550px；
高度：自动；
边缘底部：-120px；
}
/********************ID选择器********************/
#头衔{
背景色：#2978b5；
}
/********************标签选择器********************/
h1{
字体大小：3rem；
线高：1.5；
}
蒙特塞拉特先生{
字体系列：“蒙特塞拉特黑”，无衬线；
}

技术日志












获取最佳的技术更新和产品新闻。
下载
下载

但它保持不变…@GenisBillionaire不在代码段中，因此这一定是您的实现问题。您能给我看一下您代码段的图像吗？@GenisBillionaire只需单击我回答中的“运行代码段”即可。此外，如果您的计算机上没有monserrat字体，如果您没有从CSS调用它，它将不会显示（@font-face）或通过谷歌字体工具

@import-url（'https://fonts.googleapis.com/css2?family=Montserrat:wght@100&display=swap'）；