如何使谷歌字体在移动设备上可见？答案

【问题标题】：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; } 用于较小的文本屏幕

标签： html css responsive-design google-fonts

【解决方案1】：

您在某些媒体查询中将.d-none 设置为display: none !important;，这就是文本在较小屏幕上消失的原因

【讨论】：