آیا میدانید مرورگر وب شما به طور خودکار از فونت هایی که روی سیستم تان نصب شده، استفاده میکند؟ فونت های وب، به صفحاتی که هر روز آنها را جستجو می کنید کمک میکند تا بهتر دیده شوند. اما وب فونت (WebFont) چیست و چگونه کار میکند؟
همه ی ما هر روز از فونت استفاده می کنیم. برخی از فونت ها به همراه سیستم عامل ارائه می شوند. پس از نصب برخی از برنامه ها مثل Adobe Creative Suite یا مایکروسافت آفیس، می توانید از فونت های نصب شده روی سیستم خود در این نرم افزارها استفاده کنید. این نوع فونتها به صورت محلی روی حافظه ی سیستم شما ذخیره می شوند که به آنها فونت دسکتاپ نیز گفته میشود.
اما با تغییر تجربه ی کار با رایانه ها در فضای آنلاین، نوع دیگری از فونت ها اهمیت پیدا کرده است. «WebFont» در واقع فونتی است که روی فضای ابری ذخیره می شود و برای تولید متنی که در وب سایت ها نمایش داده می شود (مثل متن همین نوشته)، مورد استفاده قرار می گیرد.همه ی ما هر روز از فونت استفاده می کنیم. برخی از فونت ها بههمراه سیستمعامل ارائه می شوند. پس از نصب برخی از برنامه ها مثل Adobe Creative Suite یا مایکروسافت آفیس، می توانید از فونت های نصب شده روی سیستم خود در این نرم افزارها استفاده کنید. این نوع فونت ها به صورت محلی روی حافظه ی سیستم شما ذخیره می شوند که به آنها فونت دسکتاپ نیز گفته می شود.
مختصری از فونت وب
به گزارش HowToGeek، در روزهای اولیه ی اینترنت، تایپوگرافی در صفحات وب به فونت هایی محدود بود که روی سیستم کاربر نصب شده بود. بدین ترتیب اگر فونتی روی سیستم نصب نبود، وب سایت ها از یک فونت استاندارد بهره می بردند که احتمال نصب بودن آن روی سیستم وجود داشت. بههمین دلیل طراحان وب اغلب از فونت های سیستمی پیش فرش در سایت های خود استفاده میکردند.
مایکروسافت مجموعه ای از فونت ها را به طور رایگان برای طراحی وب در دسترس قرار داده است. این بسته شامل فونت های سیستمی پرکاربرد مثل Comic Sans، Arial، Times New Roman و Trebucket بود. از طرف دیگر، طراحان می توانند از خانواده ی فونت هایی مثل Sans-Sefif، Serif و Monospace برای تعیین سبک کلی یک فونت بهره ببرند، حتی اگر آن فونت خاص در دسترس نباشد.
گوگل در سال ۲۰۱۰ با معرفی فونت های خود، وضعیت را تغییر داد. از آن زمان به بعد، رقبای دیگری مثل ادوبی تایپ کیت و افزونه های فونت میزبان وب، در دسترس قرار گرفت. میلیون ها وب سایت از سراسر جهان با وب فونتهایی مثل مجموعه ی فونت های گوگل اجرا می شوند.
وب فونت چگونه کار میکند؟
بزرگترین ارائه دهنده ی وب فونت، فونت های گوگل بوده که شامل یک کتابخانه ی وب گسترده با بیش از هزار فونت است. میتوان از این فونت ها با استفاده از CSS در وب سایت های مورد نظر بهره گرفت. توسعه دهندگان گوشی های هوشمند نیست می توانند هنگام ساخت اپلیکیشن های اندروید، به این فونت ها دسترسی داشته باشند.
هنگامی که یک صفحه ی وب از فونت های گوگل استفاده می کند، فونت مورد نظر از پایگاه داده ی گوگل دریافت و سپس متن روی مروگر با استفاده از آن فونت به شما نمایش داده می شود. این فونت ها در سرور گوگل میزبانی می شود و تقریبا بلافاصله پس از درخواست، روی دستگاه کاربر بارگیری می شود. سایر خدمات فونت های ابری نیز تقریبا روش کارکرد مشابهی دارند.
جایگزین دیگر، استفاده از فونت های میزیبان و جاسازی شده در وب است. اینکار از طریق WOFF (Web Open Font Format) انجام می شود. پسوند woff، درواقع یک فایل فونت فشرده است که توسط موزیلا توسعه یافته و با اکثر مرورگرهای مدرن، سازگاری دارد. اگر قصد دارید از یک فونت سفارشی استفاده کنید ولی آن فونت در سرویس های وب فونت ارائه نشده است، میتوانید از woff بهره ببرید.
پایگاه فونت های گوگل و همه ی فونت های زیرمجموعه ی آن، کاملا رایگان و برای همه ی کاربران در دسترس است. این پایگاه فقط از فونت های تحت مجوز منبع باز استفاده میکند و بسیاری از فونت ها مثل Lato، Roboto و Montserrat از جمله مهمترین فونت هایی محسوب میشوند که امروزه در بسیاری از وب سایت ها مورد استفاده قرار میگیرد. گوگل این فونت ها را در یک وب سایت مخصوص میزبانی میکند. شما میتوانید در این وب سایت حتی فونت های مختلف را با هم مقایسه کرده و آنها را امتحان کنید. گوگل همچنین پایگاه داده ای از نمادهای رایگان در دسترس کاربران قرار داده است.
ازآنجا که این فونت ها به طور رایگان ارائه شده است، میتوانید فایل های فونت اصلی را برای استفاده در دسکتاپ، دانلود کنید. بسیاری از وبسایت ها، میزبان مخازن فونت های رایگان گوگل هستند که از جمله میتوان به گیت هاب اشاره کرد. میتوان از فونت های گوگل در پروژه های مختلف استفاده کرد یا آنها را با دیگران به اشتراک گذاشت.
بسیاری از پلتفرم های نشر محتوا از جمله وردپرس و اسکوئراسپیس، از وب فونت ها پشتیبانی میکنند. اگر از یک وب سایت سفارشی استفاده میکنید، باید فایل فونت را در سرور خود آپلود کرده و از کدهای CSS برای استفاده از فونت دلخواه در وب سایت بهره ببرید.
اگر میخواهید درباره ی استفاده از وب فونت ها برای وب سایت خود اطلاعات بیشتری کسب کنید، سری به این لینک از W3Schools بزنید.
منبع: لپ تاپ اسکرین