M.F

8 ماه پیش توسط M.F مطرح شد

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

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

<!DOCTYPE html>
<html lang="fa">
    <head>
    </head>
    <body>
        <link rel="stylesheet" href="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;
}

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

ثبت پرسش جدید

فرزاد عامری

تخصص : وردپرس

@Farzadameri 8 ماه پیش آپدیت شد

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

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

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

<!DOCTYPE html>
<html lang="fa">
   <head>
            <link rel="stylesheet" href="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

@oak 8 ماه پیش مطرح شد

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

<!DOCTYPE html>
<html lang="fa">
    <head>
        <body>
            <link rel="stylesheet" href="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>

ارسال پاسخ

فرزاد عامری

تخصص : وردپرس

@Farzadameri 8 ماه پیش آپدیت شد

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

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

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

<!DOCTYPE html>
<html lang="fa">
   <head>
            <link rel="stylesheet" href="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

@oak 8 ماه پیش مطرح شد

خیلی ممنون بابت پاسخ‌تون.🙏😊

ارسال پاسخ

وب دیزاینر

@it1press 8 ماه پیش مطرح شد

سلام
میشه بگین با چه دوره دارید آموزش میبینید ؟!!!

ارسال پاسخ

ابوالفضل نصیبی

تخصص : front end

@abol.p 8 ماه پیش مطرح شد

سلام شما فقط کافیه به جای

font-family : "vazir";

از

font-family : vazir ;

استفاده کنید یعنی نیاز به کوتیشن یا دابل کوتیشن نداره

ارسال پاسخ

M.F

@oak 8 ماه پیش مطرح شد

بله، ممنون🙏

ارسال پاسخ

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام

دوره‌های آموزشی

مسیرهای یادگیری

پیشرفت من

دوره‌های رایگان

گواهی پایان دوره

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

گزینش سوالات

گفت و گو های مرتبط

دسته ‌بندی سوالات

تگ‌های محبوب

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید