字型家族在完全移除家庭后不会改变

Question

我在我的Nextjs项目中导入并定义了一个名为Vazirmatn的字体，现在我想从Google字体中获取它。问题是，我删除了提到字体的任何CSS，删除了字体文件，以及它的任何远程导入，但是字体族在所有页面上仍然是相同的，我检查加载到页面中的每个CSS，没有找到任何本地或远程引用字体。

下面是404页的代码(文本也是我的母语和字体)

import Image from "next/image"

export default function() {

    return (
        <>
        <div className='w-full h-full flex justify-center mt-7'>
        <Image src={'/404-page-not-found.svg'} width={'500px'} height={'500px'} ></Image>
        </div>
        <p><span style={{color:'#00ADB5'}} >خطای 404</span> نتونستیم صفحه ای که میخواستی رو پیدا کنیم</p>
        </>
    )
};

这是我的global.css

@tailwind base;
@tailwind components;
@tailwind utilities;

/* @import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100;200;300;400;500;600;700;800;900&display=swap'); */

html,
body {
  padding: 0;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
  Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif !important;
    overflow-x: hidden;
}

a {
  color: #04cc;
  text-decoration: none;
}

* {
  box-sizing: border-box;
}

#__next {
  width: 100vw;
  height: 100vh;
}

span[data-slate-placeholder="true"] {
  opacity:0.5 !important;
}

.ck-editor {
  width: 50% !important;
}

li {
  margin-right: 15px;
}

ul li {
  list-style-type: disc;
}

这是页面的外观。

​

​

这就是我想要的样子

​

​

Answer 1

很抱歉浪费了你的时间，我意识到正在呈现的字体不是Vazirmatn，而是Segoe UI和我不知道这是阿拉伯字体对不起

Answer 2

浏览器仍然呈现旧字体，因为它仍然在页面上运行相同的代码。

您需要进入浏览器设置并清除缓存。它应该与删除浏览器历史记录和cookie的设置一起使用。