طبقه بندی کلی فونت موجود برای استفاده در وب سایت شما
هنگام طراحی یک وبسایت، یکی از عناصر کلیدی یک صفحه که با آن کار میکنید، محتوای متن است. به همین ترتیب، هنگامی که شما یک صفحه وب را ساختید و سبک آن را با CSS، بخش بزرگی از این تلاش در اطراف تایپوگرافی سایت تمرکز خواهد شد.
طراحی تایپوگرافی نقش مهمی در طراحی وب سایت دارد. محتوای متنوع و متنوعی که ایجاد شده است، به ایجاد یک تجربه خواندن و لذت بردن و مصرف آسان کمک می کند تا یک سایت موفق تر باشد. بخشی از تلاش های شما در کار با نوع، انتخاب فونت مناسب برای طراحی شما و سپس استفاده از CSS برای اضافه کردن این فونت ها و سبک های فونت به صفحه نمایش است. این کار با استفاده از آنچه که " font-stack " نامیده می شود انجام می شود.
فونت پشته
هنگامی که یک فونت را برای استفاده در یک صفحه وب مشخص می کنید ، بهتر است از گزینه های گزینه Backback نیز در صورتی که انتخاب فونت خود را پیدا نکنید، بهتر است. این گزینه های جایگزین در "پشته فونت" ارائه شده است. اگر مرورگر نمی تواند اولین فونت ذکر شده در پشته را پیدا کند، آن را به سمت یکی بعدی می برد. این فرآیند تا زمانی که یک فونت پیدا کند که می تواند استفاده کند، یا این که از انتخاب انتخاب می شود (در این صورت فقط فونت سیستم مورد نظر را انتخاب می کند) ادامه می یابد. در اینجا یک مثال از نحوه ایجاد یک فونت-پشته در CSS در هنگام اعمال به عنصر "body" است:
body {font-family: Georgia، "Times New Roman"، serif؛ }توجه داشته باشید که فونت گرجستان را اول مشخص می کنیم. به طور پیش فرض، این همان چیزی است که صفحه از آن استفاده می کند، اما اگر فونت برای بعضی از دلایل در دسترس نباشد، این صفحه به Times New Roman خواهد افتاد. ما این نام فونت را در نقل قول های دوگانه قرار می دهیم، زیرا نام چند کلمه ای است. نام فونتهای تک کلمه مانند گرجستان یا Arial نیازی به نقل قول نیست، اما نام فونت چند کلمه ای به آنها نیاز است، بنابراین مرورگر می داند که تمام این کلمات، نام فونت را تشکیل می دهند.
اگر یک پایان پشته فونت را نگاه کنید، باید متوجه شوید که کلمه "serif" را به پایان می رسانیم. این یک نام عمومی فونت است. در صورت بعید است که یک فرد گرجستان یا Times New Roman را در رایانه خود نداشته باشد، این سایت از هر فونت سریعی که می تواند پیدا کند استفاده کند. این ترجیح دادن اجازه دادن سایت به جایگزینی هر نوع فونت مورد نظر می باشد، زیرا حداقل می توانید بگویید چه نوع فونت مورد استفاده است، به طوری که نگاه کلی و تن طراحی سایت به همان اندازه ناقص خواهد بود. بله، مرورگر فونت را برای شما انتخاب می کند، اما حداقل شما راهنمایی می کنید تا بدانند چه نوع فونت در طراحی بهتر کار خواهد کرد.
خانواده فونت عمومی
نام عمومی فونت موجود در CSS عبارتند از:
- ناقص
- فانتزی
- یکپارچه
- سرف
- بدون دندانه
در حالی که بسیاری از طبقه بندی های فونت موجود در طراحی وب و تایپوگرافی، از جمله slab-serif، blackletter، display، grunge و ... وجود دارد، این 5 نام عمومی فونت فوق، همانهایی هستند که شما می توانید در فونت پشته در CSS استفاده کنید. تفاوت در این دسته بندی فونت چیست؟ بیا یک نگاهی بیندازیم!
فونتهای دروغین اغلب حاوی فرمهای نازکی و پرطرفدار هستند که به معنای تکرار متن دست خطی فانتزی هستند. این فونتها، به دلیل حروف نازک و رنگارنگشان، برای یک بلوک بزرگ از محتوا مانند کپی بدن مناسب نیستند. فونت cursive به طور کلی برای عنوان ها و نیازهای متن کوتاه استفاده می شود که می تواند در اندازه های بزرگتر فونت نمایش داده شود.
فونت های فانتزی فونت های دیوانه ای هستند که واقعا به هیچ رده دیگری نمی افتند. فونت هایی که آرم های شناخته شده ای مثل لوگوهای هری پاتر یا فیلم های آینده را به کار می برند، به این دسته می افتند. یکبار دیگر این فونت ها برای محتوای بدن مناسب نیستند، زیرا اغلب به طرز تلطفی شکل می گیرند و خواندن طولانی تر از متن هایی که در این فونت نوشته شده اند بسیار سخت است.
فونتهای تک فضایی جایی هستند که تمام فرم نامه ها به همان اندازه اندازه و فاصله هستند، همانطور که در یک ماشین تحریر قدیمی یافتید. بر خلاف فونت های دیگر که دارای اندازه متغیر برای حروف هستند بسته به اندازه آنها (به عنوان مثال، یک "W" پایتخت، اتاق بیشتری را نسبت به حروف کوچک "I" می گیرد)، فونت های تک فضای عرضی ثابت برای تمام کاراکترها هستند. این فونت ها اغلب هنگام استفاده از کد در یک صفحه نمایش داده می شوند زیرا به نظر می آیند که متفاوت از سایر متن در آن صفحه است.
فونت های سریف یکی از محبوب ترین طبقه بندی ها هستند. اینها فونتهایی هستند که لیگاچورهای اضافی در فرم نامه دارند. این قطعات اضافی "serifs" نامیده می شود. فونت Serif معمولی گرجستان و تایمز نیومن است. فونت Serif را می توان برای متن بزرگ مانند عنوان و همچنین پاس های طولانی متن و کپی بدن استفاده می شود.
بدون طبقه بندی، طبقه بندی نهایی است که ما به آن نگاه خواهیم کرد. اینها فونتهایی هستند که لیگاتورهای فوق را ندارند. نام به معنای "بدون serifs" است. فونت های محبوب در این دسته می تواند Arial یا Helvetica باشد. مانند سرف ها، فونت های بدون سرف می تواند به همان اندازه در عنوان ها و محتوای بدن نیز مورد استفاده قرار گیرد.
مقاله اصلی جنیفر کریینین. ویرایش شده توسط Jeremy Girard در تاریخ 10/16/17