یلدا ادامه داره... ❤️ ۴۰ درصد تخفیف همه دوره‌ها

استفاده از تخفیف‌ها

ثانیه

دقیقه

ساعت

روز

ورود عضویت

M.F

1 سال پیش توسط M.F مطرح شد

6 پاسخ

ایراد فونت در 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 1 سال پیش آپدیت شد

سلام دوست عزیز
شما باید به دکمه اشاره کنید تا فونت اعمال بشه ، یعنی کد زیر در فایل 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 1 سال پیش مطرح شد

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

<!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 1 سال پیش آپدیت شد

سلام دوست عزیز
شما باید به دکمه اشاره کنید تا فونت اعمال بشه ، یعنی کد زیر در فایل 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 1 سال پیش مطرح شد

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

ارسال پاسخ

وب دیزاینر

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

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

ارسال پاسخ

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

تخصص : front end

@abol.p 1 سال پیش مطرح شد

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

font-family : "vazir";

از

font-family : vazir ;

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

ارسال پاسخ

M.F

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

بله، ممنون🙏

ارسال پاسخ

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

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

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

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

پیشرفت من

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

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

محبوب‌ترین آموزش‌ها

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

گزینش سوالات

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

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

تگ‌های محبوب

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