如何使谷歌字体在移动设备上可见？
Posted
技术标签:
【中文标题】如何使谷歌字体在移动设备上可见？【英文标题】：How to make google fonts visible for mobile? 【发布时间】：2022-01-09 18:09:34 【问题描述】：我正在开发一个作品集，并在其中使用了谷歌字体。但我无法在手机上显示它。请找到投资组合here 您可以在下面找到 head 标签
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Courgette&family=Poppins:wght@300&display=swap"
rel="stylesheet
【问题讨论】：
请不要提供指向网站的外部链接，它可能是一些@media 查询，而您使用 .d-none display: none!important; 用于较小的文本屏幕
【参考方案1】：
您在某些媒体查询中将.d-none 设置为display: none !important;，这就是文本在较小屏幕上消失的原因
【讨论】：
以上是关于如何使谷歌字体在移动设备上可见？的主要内容，如果未能解决你的问题，请参考以下文章