آموزش ویژگی font-feature-settings در CSS

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش ویژگی font-feature-settings در CSS با من همراه باشید.

آموزش ویژگی font-feature-settings در CSS

Free-Learn

ویژگی font-feature-settings در CSS

با استفاده از ویژگی font-feature-settings در CSS میتوان یکسری تنظیمات پیشرفته تایپوگرافیک را بروی فونت های OpenType ایجاد و یا کنترل کرد.

هر یک از این تنظیمات پیشرفته را ( که در ادامه آنها را مشاهده خواهید کرد ) میتوان با استفاده از ۲ کلمه کلیدی ( عدد ۱ ) و یا کلمه ( on ) بروی فونت مورد نظر اعمال / روشن کرد، و برای خاموش / غیرفعال کردن از off یا ۰ استفاده می شود.

این تنظیمات پیشرفته میتواند تغییرات اساسی در شکل و استایل فونت، نحوه چیدمان حروف ، نحوه پیوند خوردن حروف و.. ایجاد نماید.

Free-Learn

مثال از این ویژگی

در ادامه میتوانید یک مثال از ویژگی font-feature-settings را در زبان CSS مشاهده نمایید.

نکته : اگر مقدار هر یک از ویژگی ها / تنظیمات را مشخص نکنید، بصورت پیش فرض خودش مقدار ۱ میگیرد.

Free-Learn

جدول مشخصات ویژگی font-feature-settings در CSS

در جدول زیر میتوانید مشخصات کلی این ویژگی را در زبان CSS مشاهده نمایید.

مقدار پیش فرض normal
قابل ارث بری دارد | اطلاعات بیشتر
قابل متحرک سازی ندارد | اطلاعات بیشتر
نسخه CSS1
نحوه استفاده در جاوااسکریپت object.style.fontFeatureSettings=”smcp”;

Free-Learn

پشتیبانی مرورگرها

در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از ویژگی font-feature-settings در CSS پشتیبانی میکنند یا خیر.

» عددی که در کنار -webkit- و -moz- وجود دارد ، یعنی از آن نسخه به بالا باید از این پیشوندها استفاده نمایید. ( درباره پیشوندها بیشتر بخوانید )

نام ویژگی Chrome Firefox Opera Safari IE
font-feature-settings ۴۸٫۰
۱۶٫۰ -webkit-
۳۴٫۰
۱۵٫۰ -moz-
۳۵٫۰
۱۵٫۰ -webkit-
۹٫۱ ۱۰٫۰

Free-Learn

شکل نوشتاری

نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این ویژگی در CSS بصورت زیر می باشد.

Free-Learn

جدول مقادیر ویژگی font-feature-settings در CSS

در جدول زیر میتوانید، مقادیری را که میتوان در این ویژگی استفاده کرد مشاهده نمایید.

مقدار توضیح
normal پیش فرض – از تنظیمات پیشفرض استفاده میکند.
liga برای اعمال / روشن کردن عدد ۱ یا کلمه کلیدی on
برای عدم استفاده / خاموش کردن عدد ۰ یا کلمه کلیدی off
dlig برای اعمال / روشن کردن عدد ۱ یا کلمه کلیدی on
برای عدم استفاده / خاموش کردن عدد ۰ یا کلمه کلیدی off
onum برای اعمال / روشن کردن عدد ۱ یا کلمه کلیدی on
برای عدم استفاده / خاموش کردن عدد ۰ یا کلمه کلیدی off
lnum برای اعمال / روشن کردن عدد ۱ یا کلمه کلیدی on
برای عدم استفاده / خاموش کردن عدد ۰ یا کلمه کلیدی off
tnum برای اعمال / روشن کردن عدد ۱ یا کلمه کلیدی on
برای عدم استفاده / خاموش کردن عدد ۰ یا کلمه کلیدی off
zero برای اعمال / روشن کردن عدد ۱ یا کلمه کلیدی on
برای عدم استفاده / خاموش کردن عدد ۰ یا کلمه کلیدی off
frac برای اعمال / روشن کردن عدد ۱ یا کلمه کلیدی on
برای عدم استفاده / خاموش کردن عدد ۰ یا کلمه کلیدی off
sups برای اعمال / روشن کردن عدد ۱ یا کلمه کلیدی on
برای عدم استفاده / خاموش کردن عدد ۰ یا کلمه کلیدی off
subs برای اعمال / روشن کردن عدد ۱ یا کلمه کلیدی on
برای عدم استفاده / خاموش کردن عدد ۰ یا کلمه کلیدی off
smcp برای اعمال / روشن کردن عدد ۱ یا کلمه کلیدی on
برای عدم استفاده / خاموش کردن عدد ۰ یا کلمه کلیدی off
c2sc برای اعمال / روشن کردن عدد ۱ یا کلمه کلیدی on
برای عدم استفاده / خاموش کردن عدد ۰ یا کلمه کلیدی off
case برای اعمال / روشن کردن عدد ۱ یا کلمه کلیدی on
برای عدم استفاده / خاموش کردن عدد ۰ یا کلمه کلیدی off
hlig برای اعمال / روشن کردن عدد ۱ یا کلمه کلیدی on
برای عدم استفاده / خاموش کردن عدد ۰ یا کلمه کلیدی off
calt برای اعمال / روشن کردن عدد ۱ یا کلمه کلیدی on
برای عدم استفاده / خاموش کردن عدد ۰ یا کلمه کلیدی off
swsh برای اعمال / روشن کردن عدد ۱ یا کلمه کلیدی on
برای عدم استفاده / خاموش کردن عدد ۰ یا کلمه کلیدی off
hist برای اعمال / روشن کردن عدد ۱ یا کلمه کلیدی on
برای عدم استفاده / خاموش کردن عدد ۰ یا کلمه کلیدی off
**ss برای اعمال / روشن کردن عدد ۱ یا کلمه کلیدی on
برای عدم استفاده / خاموش کردن عدد ۰ یا کلمه کلیدی off
kern برای اعمال / روشن کردن عدد ۱ یا کلمه کلیدی on
برای عدم استفاده / خاموش کردن عدد ۰ یا کلمه کلیدی off
locl برای اعمال / روشن کردن عدد ۱ یا کلمه کلیدی on
برای عدم استفاده / خاموش کردن عدد ۰ یا کلمه کلیدی off
rlig برای اعمال / روشن کردن عدد ۱ یا کلمه کلیدی on
برای عدم استفاده / خاموش کردن عدد ۰ یا کلمه کلیدی off
medi برای اعمال / روشن کردن عدد ۱ یا کلمه کلیدی on
برای عدم استفاده / خاموش کردن عدد ۰ یا کلمه کلیدی off
init برای اعمال / روشن کردن عدد ۱ یا کلمه کلیدی on
برای عدم استفاده / خاموش کردن عدد ۰ یا کلمه کلیدی off
isol برای اعمال / روشن کردن عدد ۱ یا کلمه کلیدی on
برای عدم استفاده / خاموش کردن عدد ۰ یا کلمه کلیدی off
fina برای اعمال / روشن کردن عدد ۱ یا کلمه کلیدی on
برای عدم استفاده / خاموش کردن عدد ۰ یا کلمه کلیدی off
mark برای اعمال / روشن کردن عدد ۱ یا کلمه کلیدی on
برای عدم استفاده / خاموش کردن عدد ۰ یا کلمه کلیدی off
mkmk برای اعمال / روشن کردن عدد ۱ یا کلمه کلیدی on
برای عدم استفاده / خاموش کردن عدد ۰ یا کلمه کلیدی off

Free-Learn

نکات و توضیحات

برای اضافه کردن چندین ویژگی یا تنظیمات باید هر یک از تنظیمات را با کاما , از همدیگر جدا کرد. مثال :

هر یک از تنظیمات / ویژگی هایی که در جدول مقادیر مشاهده مینمایید، بروی هر فونتی قابل اجرا یا اعمال شدن نیست، لذا خوده فونت باید این قابلیت رو برای پشتیبانی از این مقادیر داشته باشد، در غیراینصورت مقادیر عمل نخواهند کرد.

برخی از مرورگرها در نسخه های قدیمی تر از این ویژگی پشتیبانی نمی کنند لذا باید برای حل این مشکل از یسری دستورات پیشوندی از نسخه مشخص شده آن مرورگر ( که در جدول پشتیبانی مرورگرها مشخص شده ) استفاده نمایید.

  • -webkit- برای مرورگر کروم و سافاری و اُپرا
  • -moz- برای مرورگر موزیلا فایرفاکس

Free-Learn

دریافت PDF یا پرینت این مطلب