程序员经验分享-hwhale

如何在 webpack laravel mix 中使用 google font v2 API 导入 sass 文件中的 url？

2024-05-14

我正在尝试导入一个谷歌字体 https://fonts.google.com/specimen/Inter?sidebar.open=true&selection.family=Inter:wght@500;600;700;800;900进入我的 sass 文件，位于所有其他样式之前的顶部。

我在用webpack Laravel 混合 https://laravel.com/docs/7.x/mix，而且我也在使用谷歌字体 v2 API 链接 https://developers.google.com/fonts/docs/css2.

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700;800;900&display=swap");

新的 css2 链接存在问题，它包含分号并会产生 css 解析错误。

sass 文件实际上编译得很好，但这是 css 文件的输出......

@import url(https://fonts.googleapis.com/css2?family=Inter:wght@500;

600;700;800;900&display=swap);@charset "UTF-8";

哪个无效，主要字体不起作用，只有后备字体san-serif works.

我发现暂时解决此问题的唯一方法是使用旧网址。但我宁愿使用最新的 google v2 url。

@import url("https://fonts.googleapis.com/css?family=Inter:500,600,700,800,900");

None

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

WEBPACK

sass

laravelmix

googlefontapi

如何在 webpack laravel mix 中使用 google font v2 API 导入 sass 文件中的 url？ 的相关文章

随机推荐

  • 使用 DataBinding 测试片段时膨胀类 Fragment 时出错

    有人可以帮我解决这个问题吗 在我的测试中 我想检查登录按钮是否显示在起始页上 今天我已经为这个错误苦苦挣扎了一段时间 我不知道应该如何解决它 我在这里错过了什么 也许这个问题与这个问题有些相似 Espresso 测试失败 并显示 java

  • Vue 2 转换不起作用

    我不知道我的代码哪里出了问题 这应该是一个简单的过渡 当我单击按钮时 消息显示正确 但只是根本没有发生淡入淡出过渡

  • 在地图外部的 div 中加载 Fusion Tables InfoWindow 数据

    我希望有人可以帮助解决一个可能相当简单的查询 我在这里看到了一个有关尝试在不单击鼠标的情况下执行此操作的问题 但我想向 Fusion Table 地图上的标记添加一个事件侦听器 该事件侦听器将在地图下方的单独 div 中加载 infoWin

  • 按具有作业的组划分的 R 分位数

    我有以下 df group rep seq 1 3 30 variable runif 90 5 0 7 5 df data frame group variable 我需要 i 按组定义分位数 ii 将每个人分配到相对于其组的分位数 因此

  • 如何在 Python 中根据日期列绘制分类变量

    我有这样的数据 Date Fruit 2017 01 01 Orange 2017 01 01 Apple 2017 01 08 Orange 2017 01 09 Orange 2017 01 09 Apple 我想在一个图中按日期绘制橙

  • 如果另一列中的值为空，则删除重复项 - Pandas

    我拥有的 df Name Vehicle Dave Car Mark Bike Steve Car Dave Steve 我想从 名称 列中删除重复项 但前提是 车辆 列中的相应值为空 我知道我可以使用 df dropduplicates

  • 编写 VS Code 扩展时如何聚焦自定义视图？

    我需要有关 VS Code 扩展的帮助 我已经编写了一个工作正常的自定义视图 但是我想通过使用键盘快捷键或上下文菜单命令来激活 聚焦 进入该视图 我无法找到如何使用 VS code API 来实现这一点 context subscripti

  • Applescript 退出终端

    背景 我是一名 Mac 用户 用 PostScript 维护一个程序 Postscript 由 Adob e Distiller 解释 蒸馏 因此有时我想要第二次或第三次 Adob e Distiller 会话 要打开这样的实例 我有一个名

  • Bash 方法的返回值总是模 256

    我有一个 bash 脚本方法 它返回输入值 然而 返回值始终是模 256 的值 我用 google 搜索了一段时间 发现this http www tldp org LDP abs html exitcodes html文章说它总是以 25

  • 64 位大型 malloc

    malloc 失败的原因是什么 尤其是在 64 位中 我的具体问题是尝试在 64 位系统上分配一大块 10GB RAM 该机器有 12GB RAM 和 32GB 交换空间 是的 malloc 是极端的 但是为什么它会成为一个问题呢 这是在带

  • 重复的“Access-Control-Allow-Origin: *”标头会破坏 CORS 吗？

    所以我们有一个提供 JSON 服务的 http 资源 它添加了一个 Access Control Allow Origin 旗帜 所以这可以用 CORS 加载 except 所以我被告知 有一些 IE9 怪癖 这意味着这在 IE9 中仍然不

  • 修复输入字段后，html5 oninvalid 不起作用

    我的表单中有这个输入代码

  • R：如何根据规范更改数据框中的列名称

    我有一个数据框 它的开头如下 SM H1455 SM V1456 SM K1457 SM X1461 SM K1462 ENSG00000000419 8 290 270 314 364 240 ENSG00000000457 8 252

  • Chrome 开发工具无法显示响应，即使返回的内容具有标题 Content-Type:text/html;字符集=UTF-8

    为什么我的 Chrome 开发者工具显示 无法显示响应数据 当返回的内容是text html类型时响应 在开发者工具中查看返回的响应的替代方法是什么 我认为只有当您选中 保留日志 并且您在导航离开后尝试查看先前请求的响应数据时 才会发生这种

  • sqlldr.exe 不适用于 Windows 10

    我最近通过自定义安装安装了 Oracle 数据库客户端 12 1 0 2 0 winx64 并仅选择包括 SQL Loader 等在内的数据库实用程序 但是当我尝试执行 sqlldr exe 时 出现以下错误 在网上搜索后 我从所有站点 即

  • 寻找领域事件的例子

    有谁知道在哪里可以找到域事件实现的示例代码 如乌迪 达汉 http www udidahan com in 领域事件 救赎 http www udidahan com 2009 06 14 domain events salvation 在

  • 我们如何计算这段代码片段中缓存的读取/未命中次数？

    鉴于我目前正在学习的这本教科书中的代码片段 Randal E Bryant David R O Hallaron 计算机系统 程序员的视角 第 3 版 2016 年 Pearson 全球版 因此本书的练习可能是错误的 for i 31 i

  • 什么是 Android 测试协调器？

    谷歌最近发布了Android测试支持库1 0 读完后overview https android developers googleblog com 2017 07 android testing support library 10 is

  • IE10中的图像插值

    这是我的用例 我有一个采用响应式设计的网页 该页面垂直分成两半 我想在右侧显示图像 呈现为 PNG 或 JPG 的 PDF 页面 调整窗口大小后 图像的大小应立即更改 我以为我已经解决了这个问题 我将服务器上的图像渲染得足够大 以适应最大可

  • 如何在 webpack laravel mix 中使用 google font v2 API 导入 sass 文件中的 url？

    我正在尝试导入一个谷歌字体 https fonts google com specimen Inter sidebar open true selection family Inter wght 500 600 700 800 900进入我

热门标签