فونت وب چیست و چگونه کار می کند؟ – زومیت

همه ما هر روز از فونت استفاده می کنیم. برخی از فونت ها به همراه سیستم عامل ارائه شده است. پس از نصب برخی از برنامه ها مانند Adobe Creative Suite یا Microsoft Office می توانید از فونت های نصب شده بر روی سیستم خود در این نرم افزار استفاده کنید. این فونت ها به صورت محلی در حافظه سیستم شما ذخیره می شوند که به آنها فونت دسکتاپ نیز می گویند.

اما با تغییر تجربه کار با رایانه به صورت آنلاین، انواع دیگر فونت ها نیز تغییر کرده است. وب فونت فونتی است که در فضای ابری ذخیره می شود و برای ایجاد متن نمایش داده شده در وب سایت ها (مانند متن این مقاله) استفاده می شود.

تاریخچه مختصری از فونت

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

مایکروسافت مجموعه ای از فونت ها را برای طراحی وب به صورت رایگان در دسترس قرار داده است. این بسته شامل فونت های سیستمی پرکاربرد مانند Comic Sans، Aerial، Times New Roman و Trobket است. از طرف دیگر، طراحان می توانند از فونت هایی مانند Sans-Sefif، Serif و Monospace برای تعیین سبک کلی فونت استفاده کنند، حتی اگر آن فونت خاص در دسترس نباشد.

گوگل در سال 2010 با معرفی فونت ها وضعیت را تغییر داد. از آن زمان، رقبای دیگری مانند Adobe TypeKit و پسوند فونت میزبان وب در دسترس قرار گرفتند. میلیون‌ها وب‌سایت در سراسر جهان با فونت‌های وب مانند Google Font Collection اجرا می‌شوند.

WebFont چگونه کار می کند

بزرگ‌ترین ارائه‌دهنده فونت وب، فونت‌های گوگل است که دارای کتابخانه گسترده‌ای با بیش از هزار فونت است. این فونت ها را می توان در وب سایت های مورد نظر با استفاده از CSS استفاده کرد. توسعه دهندگان گوشی های هوشمند می توانند هنگام ایجاد برنامه های اندروید به این فونت دسترسی داشته باشند.

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

گزینه دیگر استفاده از فونت های میزبان تعبیه شده در وب است. این کار توسط WOFF (فرمت فونت باز وب به اختصار) انجام می شود. پسوند woff یک فایل فونت فشرده است که توسط موزیلا توسعه یافته و با اکثر مرورگرهای مدرن سازگار است. اگر شما هم قصد استفاده از یک فونت سفارشی را دارید، اما آن فونت در سرویس های webfont موجود نیست، می توانید از woff استفاده کنید.

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

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

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

اگر می خواهید در مورد استفاده از webfont برای وب سایت خود بیشتر بدانید، به این پیوند از W3Schools مراجعه کنید.