جلسه ۴۴: font stack در CSS

موارد زیر را بیان خواهیم کرد آن چیست؟ font stack
سیستم بگذارید به شما نشان دهم که بیانیه عملی font-family
بیشتر به نظر می رسد:
p {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
آن چیست؟
در اینجا آنچه اتفاق می افتد است. از ویژگی font-family
می تواند برای تعریف یک لیست اولویت بندی شده از نام خانواده فونت و یک نام خانوادگی فونت عمومی استفاده شود. در اعلامیه بالا ، اگر کاربر فونت Verdana
روی سیستم خود نصب کرده باشد ، عالی است! مرورگر از Verdana
استفاده خواهد کرد. اگر Verdana
وجود نداشته باشد ، از ژنو استفاده خواهد شد. و اگر آن هم وجود نداشته باشد ، از Arial
استفاده خواهد شد. آه ، آیا Arial
روی رایانه کاربر نیز نصب نشده است؟ سپس از Helvetica
استفاده خواهد شد. سرانجام ، اگر هیچ یک از قلم های مشخص شده روی دستگاه کاربر نصب نشده باشد ،هر فونتی که باشد مهم نیست ، sans-serif
نصب می شود. به یاد داشته باشید که sans-serif
یک خانواده قلم عمومی است.
font stack سیستم
اگر می خواهید از فونت بومی سیستم عامل کاربر استفاده کنید ، این کار را انجام دهید:
.system-font-stack {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
این ممکن است به شما کمک کند تا به احساس برنامه محلی نزدیک شوید. شما این را دوست دارید؟ ادامه بده قهرمان!خیلی خوب داری پیش میری.