You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何移除Laravel Inertia/Vue与Tailwind自动注入的字体链接

如何移除Laravel Inertia/Vue+Tailwind环境下自动注入的Bunny字体链接

以下两行字体链接会自动注入到页面<head>中,请问如何在Laravel Inertia/Vue与Tailwind环境下移除它们?

<!-- Fonts -->
<link rel="preconnect" href="https://fonts.bunny.net">
<link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" />

附当前tailwind.config.js配置:

const defaultTheme = require('tailwindcss/defaultTheme');

/** @type {import('tailwindcss').Config} */
module.exports = {
    content: [
        './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
        './storage/framework/views/*.php',
        './resources/views/**/*.blade.php',
        './resources/js/**/*.vue',
    ],
    darkMode: 'class',


    theme: {
        extend: {
            // fontFamily: {
            //     sans: ['Figtree', ...defaultTheme.fontFamily.sans],
            // },
        },
    },

    plugins: [require('@tailwindcss/forms')],
};

解决步骤

  • 修改根Blade模板:这些字体链接基本都是硬编码在Laravel的主模板里,比如Inertia项目的resources/views/app.blade.php。打开这个文件,找到那两行<link>代码直接删掉就行。
  • 确认Tailwind配置:你现在的tailwind.config.js已经注释掉了Figtree字体的配置,这步没问题;要是以后也不用这个字体,直接把那段注释的代码删了也可以。
  • 检查脚手架布局文件:如果项目是用Laravel Breeze或Jetstream生成的Inertia模板,字体链接可能在resources/views/components/layouts/app.blade.php这类布局组件里,找到对应代码删除即可。
  • 清除视图缓存:修改模板后执行以下命令清除Laravel视图缓存,确保修改立即生效:
    php artisan view:clear
    

内容的提问来源于stack exchange,提问作者Allen_Tsang

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.24 15:12:50