دسته بندی
-
دسته بندی فونت ها و انتخاب فونت مناسب در طراحی وب
-
قبل از شروع مطلب لازم است در مورد یکی از اشتباهات محاوره ای در بین طراحان توضیحاتی بدهم که مربوط می شود به استفاده از واژه Font بجای TypeFace .
-
00
-
بازدید این صفحه : ۴۶۷۶تاريخ : 12 اسفند 1392
قبل از شروع مطلب لازم است در مورد یکی از اشتباهات محاوره ای در بین طراحان توضیحاتی بدهم که مربوط می شود به استفاده از واژه Font بجای TypeFace .
تفاوت این دو واژه که معمولا بجای هر دو، از واژه ی فونت استفاده می شود به این شرح است:
TypeFace: به خانواده ی یک فونت می گویند، مثل: Times یا Tahoma یا Arial
Font: به یک عضو خاص از یک خانواده گفته می شود، بعنوان مثال " Tahoma 12px bold " یک فونت است و " Tahoma 12px normal " یک فونت جداگانه و اینکه هر دو را فونتTahoma بخوانیم اشتباه است.
هر TypeFace می تواند شامل پنج نوع فونت باشد که به نام Generic Font Name شناخته می شوند:
فونت های Serif : این نوع فونت ها دارای گوشه در اطراف کاراکترهای خود هستند. این فونت ها برای نوشته های طولانی چاپی بسیار مناسب هستند، اما در صفحات وب که دارای متون طولانی می باشند، بدلیل اینکه وضوح مانیتورها نسبت به صفحات چاپی پایین تر است، این فونت ها باعث خستگی چشم کاربر می شوند.
مانند فونت Times.
فونت های Sans-Serif: این نوع فونت ها دارای گوشه در اطراف کاراکترها نیستند و بلعکس دارای گوشه های صاف می باشند. توصیه می شود که برای نمایش متن های طولانی مثل مقالات در صفحات وب، از این فونت ها استفاده شود، زیرا بدلیل جزئیات کمتر در کاراکترهای آنها، کمتر باعث خستگی چشم کاربر می شوند.
مانند فونت Arial
فونت های MonoSpace : در این نوع فونت ها عرض یا width تمام خطوط کاراکتر ها با هم برابرند. این فونت ها برای جدا کردن بمنظور تاکید در بخشی از کلمات یک متن طولانی مناسب هستند
مانند فونت Courier
فونت های Cursive : این نوع فونت ها شبیه فونت های دست نویس یا HandWriting هستند. از این فونت ها بیشتر بصورت سلیقه ای و برای جملات کوتاه استفاده می شود.
مانند فونت Comic Sans
فونت های Fantasy : این نوع فونت ها معمولا دارای کاراکترهای برجسته با عرض یکسان در خطوط مختلف کاراکترها هستند و معمولا برای تیترهای بخصوص استفاده می شوند.
مانند فونت Impact
هنگامی که ما می خواهیم برای مشخص کردن Typeface متن در استایل از font-family استفاده می کنیم، می توانیم مشخص کنیم که چه ترجیحا از چه نوع فونتی در Typeface مربوطه استفاده شود و Browser در هنگام رندر کردن استایل سعی می کند ابتدا Generic Font Name ای که مشخص کرده ایم را لود کند، در صورتیکه فونت مورد نظر در Typeface مربوطه وجود نداشت، آنگاه فونت پیش فرض را برای Typeface لود می کند.
مثال:
p.one {font-family:arial, verdana, sans-serif;}
در این مثال برای Browser مشخص می کنیم که ابتدا در سیستم بدنبال خانواده arial بگردد و اگر وجود نداشت، بدنبال خانواده verdana بگردد و در هر دو خانواده در صورت وجود، از فونت های sans-serif استفاده کند.
p.two {font-family:times, “times new roman”, serif;}
در این مثال اولویت اول با خانواده times و در صورت عدم وجود این خانواده از فونت ها، اولویت بعدی با خانواده "times new roman" است و از هر دو TypeFace اولویت با فونت های serif است.
نکته: در TypeFace هایی که نام آنها شامل چند کلمه می شود، نام فونت الزاما باید بین دابل کوتیشن "" قرار بگیرد.
منبع : keramatifar.ir
-
خدمات طراحی سایت
-
ویترین اخبار
- راه اندازی سایت نشریه الکترونیک فرهنگ انقلاب اسلامی
- ملاک شناخت یک شرکت طراحی سایت قوی و توانا برای راه اندازی سایت اینترنتی شما چیست؟
- فرا رسیدن نوروز باستانی، یادآور شکوه ایران و یگانه یادگار جمشید جم بر همه ایرانیان پاک پندار، راست گفتار و نیک کردار خجسته باد
- راه اندازی وب سایت اینترنتی ماشین سازی درستگاههای تولید آرد
- راه اندازی وب سایت اینترنتی ملک آریا
- 7 مورد از قابلیتهای غیرمنتظره در iOS 7
- Apex در برابر Nova: مقایسه دو لانچر اندروید
- پاداش 15,000 دلاری برای شکستن قفل TouchID
- نیکون از AW1، اولین دوربین ضد آب با قابلیت تعویض لنز، پرده برداشت
- لومیا 1520 نوکیا و این بار مشخصات فنی، قیمت و زمان عرضه
- رکورد فروش موبایل در دست 8 مدل
- اپل در حال تست نسخه های 701 و702 و 71 سیستم عامل iOS؟
- علت دقیق سرعت پایین اینترنت را نمیدانیم
- بررسی اکسپریا Z1 سونی
- آموزش ساخت ایمیل یاهو پس از حذف ایران!
- سهام توییتر روانه بازار بورس میشود
- تبلیغات تازه مایکروسافت علیه آیفون شکست خورد
- مدیرعامل اینتل: تبلتهای زیر 100 دلاری در تعطیلات سال نوی میلادی از راه میرسند
- 27 شهریور iOS 7 برای آیفونها و آیپدها منتشر میشود
- کنسول بازی جدید سونی با قابلیت های جذاب و قیمت مناسب معرفی شد: Vita TV
- کمپانی دل برای چینی ها لب تاب لوحی می سازد!!!
- ایسوس فون پد 7 اینچی جدید را معرفی کرد: تبلت/تلفن هیبریدی با اسپیکر دو کاناله
- یاهو لوگوی جدید خود را رونمایی کرد
- ایسوس از لپتاپ لمسی و ارزان قیمت X102BA با پردازنده AMD پرده برداشت
- دوباره Moto X و این بار تصویر رندر شده تبلیغاتی آن [بروز شد]
- ولخرجیهای گوگل در حوزه دیتاسنتر ادامه دارد: 6-1 میلیارد دلار در سه ماهه دوم 2013
- تشکیل گروه جهانی« طراحی فناوریهای پوشیدنی» در موتورولا، با استناد به آگهی استخدام این شرکت
- آشنایی با سیستمفایلها و نحوه فرمتکردن درایوهای خارجی در مک
- سرفیس RT هنوز نمرده است
- دانلود کنید: اپلیکیشن VLC برای کاربران iOS منتشر شد
- بررسی همهجانبۀ شایعات پیرامون ساعتهای هوشمند
- تصاویر واضح از آیفون ارزان قیمت در کنار آیفون 5 فاش شد
- تبدیل تصاویر به فرمت ICO و استخراج آیکونها از فایلهای با فرمت EXE و DLL
- نسخه جدید اندروید در 2 مردادماه معرفی میشود
- ال جی از نام G2 برای پرچمدار بعدی خود استفاده میکند
- مشخصات فنی و بنچمارک گلکسی نوت 3 فاش شد
- تصویر و مشخصات جدید آیفون 5S به بیرون درز کرد: صفحه نمایش IGZO، دوربین 12 مگاپیکسل، پردازنده سریعتر و پردازنده گرافیکی چهار هستهای
- آیا میتوان پس از مرگ اطلاعات با ارزش را در اختیار خانواده، دوستان و آشنایان قرار داد؟
- تصاحب Omek توسط اینتل ممکن است باعث شود هرگز نیاز به لمس کامپیوتر خود نباشید
- نسخه جدید تحت وب نقشه گوگل در دسترس همگان قرار گرفت
- تلفن G2 ال جی مجهز به باتری 2540 میلی آمپر ساعتی است
- جزئیات بیشتر از دوربین 20 مگاپیکسلی هونامی: سنسوری بزرگ ولی نه به اندازهی لومیا 1020
- مرور تاریخچه دوربین در گوشیهای برجسته نوکیا
- دریافت استاندارد و رتبه 6 از 10 گوگل توسط سایت شرکت راوک نگار پارس
- بروزرسانی تعدادی از جدیدترین نمونه آثار طراحی سایت های هوشمند راوک نگار پارس
-
نماد اعتماد الکترونیکی
-
آمار بازدید
- کل (online):۵۸۴۱
- اعضاء (online):۰
- میهمان (online):۵۸۴۱
- بازدید امروز::۲۵۳۲
- بازدید دیروز::۵۶۰۰
- بازدید کل::۲۵۹۲۶۰۰۹
-
تبلیغات