فونت وب سایت- این یکی از مسائل اصلی در طراحی وب سایت شماست. اندازه، رنگ و نوع فونت مناسب می تواند مشکلات خوانایی، زیبایی و کارایی منبع را به طور کلی حل کند.

10 فونت برتر و پرکاربرد

تمام فونت‌های زیر پایه در نظر گرفته می‌شوند، بنابراین می‌توان از آنها در سایت استفاده کرد حتی بدون آپلود فایل فونت (*.ttf) در دایرکتوری با سایت

1. تاهوما

2. وردنا

3. آریال/آریال مشکی/آریال باریک

4. تایمز نیو رومن

5. Palatino Linotype / Palatino

6. تأثیر

7. گوتیک قرن

8. هلوتیکا

9. گرجستان

10. Gill Sans MT

علاوه بر این:

11. پیک جدید

12. کالیبری

13. تربوشت ام اس

14. لوسیدا بدون یونیکد

چندین قانون برای استفاده از فونت در سایت

1. اساس متن خواندنی سرفصل ها هستند. آنها به عنوان نوعی فانوس دریایی عمل می کنند که به خواننده اجازه می دهد توجه خود را روی قسمت یا قسمت مورد نظر متمرکز کند بدون اینکه او را با جریان تحریک کند. اطلاعات کلی. همچنین سعی کنید برجسته کنید کلید واژه ها!

سرفصل

بند اول پاراگراف

دومینپاراگراف پاراگراف

2. سایت باید مفهوم کلی داشته باشد، بنابراین سعی کنید از 2-3 فونت در هر سایت استفاده نکنید. در زیر کد CSS آمده است

بدنه (فونت: 14px/100% Tahoma, Verdana, sans-serif)
14 پیکسلاندازه فونت، 100% فاصله بین خطوط، تاهومافونت استفاده شده
3. متن پس از طراحی باید خوانا باشد - کنتراست را حفظ کنید (متن سیاه در پس زمینه سفید، سفید روی آبی و غیره). سعی کنید از رنگ های روشن برای هیچ کدام استفاده نکنید. استثنائاتی وجود دارد، اما تحت شیوه های استاندارد قرار نمی گیرد.

4. هنگام طراحی متن سعی کنید از 2-3 رنگ بیشتر استفاده نکنید. لطفا توجه داشته باشید که بیشترین بهترین طرح هابه 2-3 رنگ بچسبید، نه بیشتر. این قانون و شما را دنبال کنید

5. متن باید خوانا باشد! سعی کنید پاراگراف، زیر پاراگراف تورفتگی یا اطلاعات مرجع.

متن بند اول. طولانی و جالب.

اما متن پاراگراف دوم با دومی ادغام نمی شود، زیرا بین آنها یک تورفتگی وجود دارد.

با تشکر از توجه شما! و در توسعه طرح های پروژه موفق باشید!)

فونت مهمه مانند هوایی که تا زمانی که همه چیز خوب است متوجه آن نمی شوید. اکثر مردم نمی‌دانند فونت‌ها چه نامیده می‌شوند یا چه تفاوتی دارند (و این اشکالی ندارد)، اما اگر فونتی که استفاده می‌کنید با پروژه شما مطابقت نداشته باشد، قطعاً می‌توانند احساس کنند که مشکلی در سایت شما وجود دارد.

وزن فونت چیست

خوانایی فونت

هر قلمی که انتخاب می کنید، خواندن آن باید آسان باشد. به خصوص اگر استفاده می کنید عکس پس زمینه. اگر روی عکسی با جزئیات کوچک نوشته های نازکی بگذارید، متن قابل خواندن نخواهد بود. همیشه به این توجه کنید.

چه کاری می توان کرد؟ ابتدا از عکسی استفاده کنید که برای پس زمینه مناسب است: با عناصر بزرگ و یکنواخت. ثانیا با استفاده از فیلتر عکس را نرم کنید، نرمتر می شود و متن بهتر خوانده می شود. ثالثاً، می توانید اشباع یک بلوک خاص را با اعمال "سبک درون خطی" افزایش دهید. این بدان معنی است که شما تنظیمات را برای کل سایت انجام نمی دهید، بلکه فقط برای بخشی از متن تنظیمات را انجام می دهید. شما باید متن را انتخاب کنید و پارامترها را از طریق ویرایشگر تنظیم کنید.

سبکی که در این روش اعمال می شود در بالا قرار دارد تنظیمات جهانی، همیشه در اولویت خواهد بود. بنابراین، اگر به طور ناگهانی پارامترها را در تنظیمات سایت تغییر دهید، اما تغییرات قابل مشاهده نیستند، به این معنی است که یک "سبک درون خطی" در این مکان اعمال شده است. برای حذف آن، باید متن را انتخاب کنید و روی نماد "پاک کردن" کلیک کنید.

مثال 1:متن زیاد خواندنی نیست

مثال 2:متن خوب خوانده می شود

اگر موضوع انتخاب فونت به شما علاقه مند است، سایت های خوب نزدیک به پروژه خود را پیدا کنید و ببینید از چه فونت هایی استفاده می کنند. پسوند مرورگر What Font به شما در تعیین این موضوع کمک می کند.

همچنین می‌توانید به آرشیو تایپوگرافی مستقل http://fontsinuse.com/ نگاه کنید - منبعی که در آن نمونه‌هایی از وب‌سایت‌ها و نشریات چاپی جمع‌آوری شده و بر اساس نوع فونت مورد استفاده مرتب می‌شوند.

در یکی از یادداشت‌های روزانه، بحثی را خواندم که در یادداشت‌هایم از چه فونتی استفاده کنم. و این چیزی است که یک حرفه ای با 15 سال تجربه در مورد آن فکر می کند ...

من معتقدم فونتی که راحت تر خوانده شود بهتر است. با این حال، متن روی کاغذ و روی صفحه نمایشگر به طور متفاوت خوانده می شود. بنابراین، فونتی که برای یک وب سایت مناسب تر است همیشه نباید در چاپ استفاده شود.

این قانون را به خاطر بسپارید: بهترین فونت قابل خواندن روی کاغذ، فونت سریف است؛ در صفحه نمایش، فونت sans serif به بهترین وجه قابل خواندن است.

من فکر می کنم دلیل این امر این است که اطلاعات روی کاغذ و صفحه نمایش مانیتور به صورت متفاوتی نمایش داده می شود. بنابراین، در چاپ تایپوگرافی، هنجار یک فونت 700 نقطه در اینچ (نقطه در اینچ - تعداد نقاط در اینچ) در نظر گرفته می شود، و وضوح تصویر روی صفحه نمایش مانیتور تنها 72 نقطه در اینچ - ده برابر کمتر است. .

اما اجازه دهید به سوال خود بازگردیم - کدام فونت بهتر است؟ در رابطه با وب سایت ها می توان پاسخ روشنی به این موضوع داد: این وردنا است. علاوه بر این، این دیدگاه من نیست، بلکه یک واقعیت علمی اثبات شده است. این فونت واقعاً به بهترین شکل روی صفحه قابل خواندن است!

این فونت کاملا داستان جالب.

به طور خاص برای مایکروسافتدر سال 1996 به عنوان فونتی که به راحتی بر روی صفحه نمایش حتی در اندازه های کوچک حروف خوانده می شد. به لطف عدم وجود سریف، اندازه کاراکترهای گسترده و مسافت طولانیبین آنها، فونت Verdana واقعا آسان است!

نکته دیگر این است که، علیرغم خوانایی شگفت انگیزش، بسیار خوب است: به هر حال، شما می خواهید متن نه تنها به راحتی خوانده شود، بلکه زیبا به نظر برسد (اگرچه دوست داشته باشید یا نه یک موضوع سلیقه ای است. ). سپس باید به دنبال جایگزینی باشید - خوشبختانه آنها وجود دارند.

چهار برتر: فونت های Arial، Helvetica، Verdana و Georgia

همانطور که نتایج نظرسنجی از 35 طراح وب توسط مجله Smashing نشان می دهد، رتبه اول توسط دو فونت به اشتراک گذاشته شده است: Helvetica و Arial. (برای آموزش عمومیمن می گویم که Helvetica بیش از نیم قرن پیش توسط طراحان سوئیسی ساخته شده است و فونت Arial بیست سال جوانتر است.) این فونت ها رایج ترین فونت ها در اینترنت هستند و بنابراین می توانند ادعا کنند که بهترین هستند.

بسیار محبوب (و محبوب جهانی) فونت نفیسگرجستان. با وجود سریف بودن این فونت، در اینترنت بسیار گسترده است. به عنوان مثال، به عنوان فونت اصلی در نسخه آنلاین مجله فوربس استفاده می شود.

در واقع، اگر به وب‌سایت‌های مناسب آنلاین نگاه کنید، متوجه خواهید شد که چهار فونت بالا در همه جا یافت می‌شوند. فونت های دیگر استثنا هستند تا قاعده. بنابراین، به طور خلاصه، می توانیم به طور خلاصه بگوییم که بهترین فونت برای یک وب سایت Arial، Helvetica، Verdana و Georgia هستند.

در مورد فونت برای خواندن از روی کاغذ، تعداد آنها بسیار زیاد است (چند هزار) که تقریباً غیرممکن است که بهترین آنها را انتخاب کنید. با این حال، مهم نیست که چقدر پیش پا افتاده به نظر می رسد، Times New Roman و تغییرات آن به طور گسترده در چاپ استفاده می شود. بنابراین بهترین فونت آفلاین را به او واگذار می کنیم.

P.S.به هر حال، Serif و Sans Serif از فرانسوی به این صورت ترجمه شده اند: با سریف و بدون سریف.

---------
پزشکان توصیه می کنند که لازم است دو بار در سال به دندانپزشک مراجعه کنید. اما وقتی سوالی در مورد قیمت دندان درآوردن مطرح می شود، دیگر به زمان یا قیمت آن نگاه نمی کنید. اما اگر با کلینیک "ESCULAP" تماس بگیرید، همه چیز تصمیم گیری می شود سطح بالا. سلامت باشید!

ظهر همگی بخیر!!! امروز در مورد فونت ها صحبت خواهیم کرد. و یک رفیق خارجی در این امر به ما کمک خواهد کرد. ما با دقت مطالعه می کنیم و از تجربه درس می گیریم.

بدون شک انتخاب راه حل فونت نقش بسیار زیادی در درک سایت دارد. از این گذشته، اکثر سایت ها تقریباً به طور کامل از متن تشکیل شده اند.

Tomas Laurinavicius علاقه مند بود که طراحان وب بیشتر از چه فونت هایی در کار خود استفاده کنند.

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

او همچنین به طور خلاصه با طراحان وب مصاحبه کرد تا بفهمد کدام فونت در یک موقعیت خاص مناسب‌تر است. توماس نتایج نظرسنجی خود را در سایت hongkiat.com به اشتراک گذاشت.

در طول بررسی، طراحان وب 73 فونت مختلف را نام بردند - 46 فونت رایگان و 27 فونت پولی.

محبوب ترین فونت های طراحان وب عبارتند از: Helvetica، Arial، Georgia، Gotham، Myriad Pro، DIN، Futura، League Gotic، Cabin، Corbel.

باید در نظر داشت که همه فونت های ارائه شده به خصوص در نسخه رایگان دارای سبک سیریلیک نیستند.

10 فونت رایگان مورد علاقه برای طراحان وب

طراحان مورد بررسی 10 مورد را انتخاب کردند بهترین فونت هابرای گرافیک وب در این مورد، فونت‌های پیش‌فرض نصب شده در آن لحاظ نشده است سیستم عاملمانند Arial، Verdana، Times New Roman، Georgia یا Tahoma. (این کمی عجیب است - در وهله اول فونتی است که در سیستم عامل وجود دارد).

10 فونت پولی مورد علاقه برای طراحان وب

لیست زیر شامل محبوب ترین فونت های پولی مورد استفاده در گرافیک و طراحی وب می باشد. برخی از آنها بسیار گران هستند، اما کیفیت آنها برای خود صحبت می کند و هزینه را توجیه می کند.

من معتقدم فونتی که راحت تر خوانده شود بهتر است. با این حال، متن روی کاغذ و روی صفحه نمایشگر به طور متفاوت خوانده می شود. بنابراین، فونتی که برای یک وب سایت مناسب تر است همیشه نباید در چاپ استفاده شود.

پاول شودنف

این قانون را به خاطر بسپارید: بهترین فونت قابل خواندن روی کاغذ، فونت سریف است؛ در صفحه نمایش، فونت sans serif به بهترین وجه قابل خواندن است.

من فکر می کنم دلیل این امر این است که اطلاعات روی کاغذ و صفحه نمایش مانیتور به صورت متفاوتی نمایش داده می شود. بنابراین، در چاپ تایپوگرافی، هنجار یک فونت 700 نقطه در اینچ (نقطه در اینچ - تعداد نقاط در اینچ) در نظر گرفته می شود، و وضوح تصویر روی صفحه نمایش مانیتور تنها 72 نقطه در اینچ - ده برابر کمتر است. .

اما اجازه دهید به سوال خود بازگردیم - کدام فونت بهتر است؟ در رابطه با وب سایت ها می توان پاسخ روشنی به این موضوع داد: این وردنا است. علاوه بر این، این دیدگاه من نیست، بلکه یک واقعیت علمی اثبات شده است. این فونت واقعاً به بهترین شکل روی صفحه قابل خواندن است! این فونت تاریخچه بسیار جالبی دارد.

این فونت به طور خاص برای مایکروسافت در سال 1996 به عنوان فونتی طراحی شد که به راحتی روی صفحه نمایش حتی با اندازه حروف کوچک خوانده می شود. به لطف فقدان سریف، اندازه کاراکترهای گسترده و فاصله زیاد بین آنها، فونت Verdana واقعاً آسان برای خواندن است!

نکته دیگر این است که، علیرغم خوانایی شگفت انگیزش، بسیار خوب است: به هر حال، شما می خواهید متن نه تنها به راحتی خوانده شود، بلکه زیبا به نظر برسد (اگرچه دوست داشته باشید یا نه یک موضوع سلیقه ای است. ). سپس باید به دنبال جایگزینی باشید - خوشبختانه آنها وجود دارند.

چهار برتر: فونت های Arial، Helvetica، Verdana و Georgia

همانطور که نتایج نظرسنجی از 35 طراح وب توسط مجله Smashing نشان می دهد، رتبه اول توسط دو فونت به اشتراک گذاشته شده است: Helvetica و Arial. (برای آموزش عمومی، می گویم که Helvetica بیش از نیم قرن پیش توسط طراحان سوئیسی ساخته شد و فونت Arial بیست سال جوانتر است.) این فونت ها رایج ترین فونت ها در اینترنت هستند و بنابراین می توانند ادعا کنند که بهترین.

فونت نفیس جورجیا بسیار محبوب است (و به طور جهانی محبوبیت دارد). با وجود سریف بودن این فونت، در اینترنت بسیار گسترده است. به عنوان مثال، به عنوان فونت اصلی در نسخه آنلاین مجله فوربس استفاده می شود.

در واقع، اگر به وب‌سایت‌های مناسب آنلاین نگاه کنید، متوجه خواهید شد که چهار فونت بالا در همه جا یافت می‌شوند. فونت های دیگر استثنا هستند تا قاعده. بنابراین، به طور خلاصه، می توانیم به طور خلاصه بگوییم که بهترین فونت برای یک وب سایت Arial، Helvetica، Verdana و Georgia هستند.

در مورد فونت برای خواندن از روی کاغذ، تعداد آنها بسیار زیاد است (چند هزار) که تقریباً غیرممکن است که بهترین آنها را انتخاب کنید. با این حال، مهم نیست که چقدر پیش پا افتاده به نظر می رسد، Times New Roman و تغییرات آن به طور گسترده در چاپ استفاده می شود. بنابراین بهترین فونت آفلاین را به او واگذار می کنیم.

P.S.به هر حال، Serif و Sans Serif از فرانسوی به این صورت ترجمه شده اند: با سریف و بدون سریف.

لینک های مربوطه:

در وب سایت InspirationBit می توانید نتایج نظرسنجی ذکر شده از طراحان وب را در پست 16 بهترین فونت برای طراحی وب (انگلیسی) مطالعه کنید.

طراحی مجدد وب سایت چیست و چرا به آن نیاز است؟

این عقیده وجود دارد که طراحی مجدد صرفاً توسعه یک طراحی جدید برای یک سایت قدیمی است و برای مدرن تر جلوه دادن سایت مورد نیاز است. این یک دیدگاه بسیار سطحی است که ربطی به واقعیت ندارد: در واقع، همه چیز بسیار جدی تر و جالب تر است.