حل شده

ایراد فونت در CSS

سلام دوستان؛ وقت بخیر.
بنده تازه برنامه‌نویسی وب رو شروع و کردم و (خیلی) تازه‌کارم 😅
من هر کدی که با Html می‌نویسم و وقتی می‌خوام فونت رو در CSS اعمال و مشخص کنم فونت اعمال نمیشه.
مثال:
کد HTML:

<!DOCTYPE html>
<html lang="fa">
    <head>
    </head>
    <body>
        <link rel="stylesheet" href="https://roocket.ir/styles/style.css">
        <div class="test">
            <button>
                دکمه
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
                    <path stroke-linecap="round" stroke-linejoin="round" d="M17.982 18.725A7.488 7.488 0 0012 15.75a7.488 7.488 0 00-5.982 2.975m11.963 0a9 9 0 10-11.963 0m11.963 0A8.966 8.966 0 0112 21a8.966 8.966 0 01-5.982-2.275M15 9.75a3 3 0 11-6 0 3 3 0 016 0z" />
                </svg>
            </button>
        </div>
    </body>
</html>

کد CSS:

@font-face {
    font-family: 'vazir';
    src: url('fonts/Vazir.woff2') format('woff2');
}

body {
    font-family: 'vazir', sans-serif;
    text-align: center;
}

تشکر فراوان.🙏

html_css css مشکل_فونت

M.F

2 سال پیش@oak

ثبت پرسش جدید

پاسخ‌ها

فرزاد عامری

@Farzadameri2 سال پیش مطرح شد

تخصص: وردپرس

بهترین پاسخ

سلام دوست عزیز
شما باید به دکمه اشاره کنید تا فونت اعمال بشه ، یعنی کد زیر در فایل css خودتون قرار بدید ؛

Button {
    font-family: 'vazir', sans-serif;
}

و شما نباید دکمه در هد سایت خودتون بگذارید کد زیر اصلاح شده

<!DOCTYPE html>
<html lang="fa">
   <head>
            <link rel="stylesheet" href="https://roocket.ir/styles/style.css">
</head>
       <body>
            <div class="test">
                <button>
                    دکمه
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
                        <path stroke-linecap="round" stroke-linejoin="round" d="M17.982 18.725A7.488 7.488 0 0012 15.75a7.488 7.488 0 00-5.982 2.975m11.963 0a9 9 0 10-11.963 0m11.963 0A8.966 8.966 0 0112 21a8.966 8.966 0 01-5.982-2.275M15 9.75a3 3 0 11-6 0 3 3 0 016 0z" />
                    </svg>
                </button>

        </body>
</html>

ارسال پاسخ

M.F

@oak2 سال پیش مطرح شد

دوستان کد اشتباهه این کد هست:😅😆

<!DOCTYPE html>
<html lang="fa">
    <head>
        <body>
            <link rel="stylesheet" href="https://roocket.ir/styles/style.css">
            <div class="test">
                <button>
                    دکمه
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
                        <path stroke-linecap="round" stroke-linejoin="round" d="M17.982 18.725A7.488 7.488 0 0012 15.75a7.488 7.488 0 00-5.982 2.975m11.963 0a9 9 0 10-11.963 0m11.963 0A8.966 8.966 0 0112 21a8.966 8.966 0 01-5.982-2.275M15 9.75a3 3 0 11-6 0 3 3 0 016 0z" />
                    </svg>
                </button>
            </div>
        </body>
    </head>
</html>

ارسال پاسخ