کار نکردن فونت

جامعه‌ها وبلاگ شروع یادگیری برنامه نویسی

ad86-Screenshot (3).png ایا چیدمان و المان‌ها درسته که فونت کار نمیکنه؟؟

درود

فونت رو به درستی تعریف کردید اما دقت کنید که باید به کلاس یا تگ مربوطه نسبتش بدید. مثلا اینجا میتونید به شکل زیر عمل کنید:

.test {
font-family: 'vazir-medium';
}

اگر اوکی نشد کل پروژه رو زیپ کنید و بفرستید ممکنه در آدرس‌دهی یا نامگذاری اشتباه نگارشی داشته باشید.

بهترین پاسخ

نازنین کریمی مقدم ۲۳ مرداد ۱۴۰۲، ۱۹:۴۳

چجوری زیپ کنم؟؟

Saba mohamadnejad ۲۴ مرداد ۱۴۰۲، ۱۱:۱۷

76e7-Screenshot (6).png بازم درست نشد

Saba mohamadnejad ۲۴ مرداد ۱۴۰۲، ۱۱:۲۰

نشد،

خانم کریمی مقدم گفتن، فونت رو بدرستی تعریف کردید ولی باید نسبت هم بدید.

اون قسمتی که کامنت کردید رو به حالت اول برگردونید اون قسمت داره فونت رو تعریف میکنه و اضافه میکنه به کل پروژه که چنین فونتی از چنین مسیری اضافه شود.

بعد اینکه @font-face اضافه شد حالا باید مثل سابق که به هر آیدی یا کلاسی میخواستید فونت نسبت میدادید، داخل کلاس تست فقط font-family بنویسید.

محسن موحد ۲۴ مرداد ۱۴۰۲، ۲۰:۳۱

4eff-Screenshot (11).png باز هم درست نشد

Saba mohamadnejad ۲۵ مرداد ۱۴۰۲، ۱۲:۳۰

الان کدتون درسته فقط باید بخش .test رو به این صورت بنویسید:

.test{
  font-family: vazir-medium;
}

این مشکلات در اوایل کار طبیعی هست. از پرسش نترسید و به همین صورت مشکلات رو مطرح کنید انشاالله کم کم یاد میگیرید خودتون با سرچ راه حل رو خیلی سریع پیدا کنید.

این مثال از فونت رو هم ببینید تا براتون مطلب جا بیفته. اگر رفع نشد کد رو در codepen.io آپلود کنید تا روی کدتون تغییرات رو اعمال کنم. یا به صورت زیپ اینجا بفرستید.

نازنین کریمی مقدم ۲۵ مرداد ۱۴۰۲، ۱۷:۰۶

ممنون فقط میشه توضیح بدین چجوری در codepen.io اپلود کنم

Saba mohamadnejad ۲۶ مرداد ۱۴۰۲، ۱۰:۳۱

خواهش میکنم

شما وارد سایت میشید و یک اکانت میسازید. بعد از کنار سمت چپ گزینه new pen رو انتخاب میکنید و کدتون رو در هر بخش پیست میکنید. به همین راحتی.

راهنمای مرحله به مرحله آپلود در کدپن.

نازنین کریمی مقدم ۲۶ مرداد ۱۴۰۲، ۱۱:۰۷

html>
<html lang="fa" dir="rtl">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>practicetitle>
    <link rel="stylesheet" href="style.css" />
  head>
  <body style="background-color: beige">
    <ul class="test1">
      <li>متن 1li>
      <li>متن 2li>
      <li>متن 3li>
      <li>متن 4li>
      <li>متن 5li>
    ul>
    <hr />
    <ol class="test2">
      <li>متن 1li>
      <li>متن 2li>
      <li>متن 3li>
      <li>متن 4li>
      <li>متن 5li>
    ol>
  body>
html>

این مال html هستش

.test1 {
  font-family: vazir-medium;
  src: url("../fonts/Vazir-Medium.eot") format("eot");
  src: url("../fonts/Vazir-Medium.woff") format("woff");
  src: url("../fonts/Vazir-Medium.woff2") format("woff2");
  font-style: normal;
}
.test2 {
  font-family: vazir-medium;
  src: url("../fonts/Vazir-Medium.eot") format("eot");
  src: url("../fonts/Vazir-Medium.woff") format("woff"); 
   src: url("../fonts/Vazir-Medium.woff2") format("woff2");
  
  font-style: normal;
}

اینم برای css نمیتونم زیپ اپلود کنم هرکاری میکنم داخل سایت اپلود نمیشه 3337-Screenshot (19).png با اینکه فایل درست هستش و هیچ مشکلی نداره

ممنون میشم حالا با کدایی که براتون نوشتم بگین مشکل کار کجاست که فونت کار نمیکنه یه راهنمایی هم راجب اپلود کردن زیپ بگین

الان این فایلی که اپلود شد درسته؟؟

Saba mohamadnejad ۲۹ مرداد ۱۴۰۲، ۰۹:۴۴

درود

توی کدهایی که فرستادید بسیاری از تگ‌های باز و بسته رو جابه جا و نادرست گذاشتید.

فایل html

<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>practicetitle</title>
    <link rel="stylesheet" href="style.css">
</head>
<style>
    body {
        background-color: rgb(185, 185, 9)
    }
</style>
<body>
    <ul class="test1">
        <li>متن 1</li>
        <li>متن 2</li>
        <li>متن 3</li>
        <li>متن 4</li>
        <li>متن 5</li>
    </ul>
    <hr>
    <ol class="test2">
        <li>متن 1</li>
        <li>متن 2</li>
        <li>متن 3</li>
        <li>متن 4</li>
        <li>متن 5</li>
    </ol>
</body>
</html>

فایل css

(در فایل استایل باید font-face@ رو وارد کنید و فراخواندن فونت در سلکتور‌ها که اینجا دو کلاس test1 و test2 هستند فایده ای نداره)

@font-face {
  font-family: vazir-medium;
  src: url("../fonts/Vazir-Medium.eot") format("eot");
  src: url("../fonts/Vazir-Medium.woff") format("woff");
  src: url("../fonts/Vazir-Medium.woff2") format("woff2");
  font-style: normal;
}
.test1 {
  font-family: vazir-medium;
  /* src: url("../fonts/Vazir-Medium.eot") format("eot");
  src: url("../fonts/Vazir-Medium.woff") format("woff");
  src: url("../fonts/Vazir-Medium.woff2") format("woff2");
  font-style: normal; */
}
.test2 {
  font-family: vazir-medium;
  /* src: url("../fonts/Vazir-Medium.eot") format("eot");
  src: url("../fonts/Vazir-Medium.woff") format("woff"); 
   src: url("../fonts/Vazir-Medium.woff2") format("woff2");
    font-style: normal; */
}

‌ ۲۳ اردیبهشت ۱۴۰۳، ۱۲:۲۳