عدم اعمال کد استایل

سلام

من مطابق آموزش کدها رو درvscode زدم اما اعمال نمیشه .یعنی تغییری روی استایل فونت‌ها اتفاق نمیفته چه فونتی وزیر چه اونچه که از گوگل لینک کردم.

<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>session5</title>
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Akaya+Telivigala&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="/CSS/part5/style.css">
</head>
<body>
    <p> این یک آزمایش است</p>
    <p class="r">خوش آمدید</p>
    <p class="e">Heloo!!</p>
</body>
</html>

@font-face{
    font-family: Vazir;
    src: url(../font/Vazir.eot) format('eot');
    src: url(../font/Vazir.woff) format('woff'),
    url(../font/Vazir.woff2) format('woff2');
    font-weight: normal;
    font-style: normal;
}
/* @import url('https://fonts.googleapis.com/css2?family=Akaya+Telivigala&display=swap'); */
*{
    font-family: Vazir;
}
.r{
    font-family: Vazir;
    font-size: 250px;
    font-style: italic;
}
.e{
    font-family: 'Akaya Telivigala', cursive;
}