آموزش قلم های CSS

10 جولای 2021

انتخاب فونت مناسب برای وب سایت خود مهم است!


انتخاب قلم مهم است

انتخاب فونت مناسب تأثیر بسزایی در تجربه خوانندگان یک وب سایت دارد.

فونت مناسب می تواند هویتی قوی برای برند شما ایجاد کند.

استفاده از فونتی که خواندن آن آسان باشد مهم است. قلم به متن شما ارزش افزوده می دهد. همچنین انتخاب رنگ و اندازه متن صحیح برای قلم مهم است.


خانواده های قلم عمومی

در CSS پنج خانواده قلم عمومی وجود دارد:

  1. فونت های Serif در لبه های هر حرف یک ضربه کوچک دارند. آنها احساس رسمی بودن و ظرافت را ایجاد می کنند.
  2. فونت های Sans-serif دارای خطوط تمیز هستند (ضربات کوچکی به آن متصل نیست). آنها ظاهری مدرن و مینیمالیستی ایجاد می کنند.
  3. قلمهای تک فضا – در اینجا تمام حروف دارای عرض ثابت یکسان هستند. آنها یک شکل مکانیکی ایجاد می کنند. 
  4. قلم های انحرافی از دست خط انسان تقلید می کنند.
  5. فونت های فانتزی فونت های تزئینی / بازیگوش هستند.

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


تفاوت بین Serif و Sans-serif Fonts

توجه: در صفحه های رایانه ، خوانش قلم های sans-serif نسبت به قلم های serif در نظر گرفته می شود.


برخی از نمونه های قلم

ویژگی CSS font-family

در CSS ، ما از font-familyویژگی برای تعیین فونت متن استفاده می کنیم.

font-familyبرای اطمینان از حداکثر سازگاری بین مرورگرها / سیستم عامل ها ، این ویژگی باید چندین نام فونت را به عنوان یک سیستم “بازگشت” داشته باشد. با قلم مورد نظر خود شروع کنید و با یک خانواده عمومی خاتمه دهید (برای اینکه به مرورگر اجازه دهید قلم مشابهی را در خانواده عمومی انتخاب کند ، اگر قلم دیگری در دسترس نیست). نام قلم ها باید با کاما از هم جدا شوند.

توجه : اگر نام قلم بیش از یک کلمه باشد ، باید در علامت های نقل قول باشد ، مانند: “Times New Roman”.

مثال

چند قلم مختلف را برای سه پاراگراف مشخص کنید:

.p1 {
  font-family: "Times New Roman", Times, serif;
}

.p2 {
  font-family: Arial, Helvetica, sans-serif;
}

.p3 {
  font-family: "Lucida Console", "Courier New", monospace;
}

منبع

مقاله‌های مشابه

7 مرحله فروش بیمه عمر (2)

7 مرحله فروش بیمه عمر (2)

18/9/96 چه بلایی سر آدم میاره خیلی جالبه انقدر سنگ، توام داری درست راه میری اینجوری لنگ میزنی، وقتی یه ذره زمانش طولانی تر بشه دیگه لنگ نمیزنی مجبوری اینجوری کنی من دیگه نمیتونم بیام یه ذره میشینی پامیشی، فروش اینو خیلیها حذف میکنن، برای خیلیها تو ذهنشون همون سنگه...

بیشتر بخوانید
7 مرحله فروش بیمه عمر (1)

7 مرحله فروش بیمه عمر (1)

11/9/96 امروز میخوایم 7 مرحله فروش بیمه عمر یا هر محصولی که شما در کل کره زمین میشناسید، وقتی میگم محصول یه روز این محصولی که داریم ازش صحبت میکنیم میتونه هر چیزی به چیزی بجز بیمه عمر باشه، یکی از مهمترین مباحثی که در دوره تکنسین یاد میگیرید و عملاً آچارفرانسه تمام...

بیشتر بخوانید

شما هم به جمع ۱۰۰,۰۰۰ مشترک خبرنامه‌ ما بپیونید

0 دیدگاه

یک دیدگاه بنویسید

نشانی ایمیل شما منتشر نخواهد شد.