"فونت پشته" چیست؟

در حالی که تصاویر وقتی که به وبسایت ها می آید، بیشتر از عشق به نظر می رسند، این کلمه نوشته شده است که به موتورهای جستجو احترام می گذارد و محتوای بیشتر سایت ها را به نمایش می گذارد. به همین ترتیب، طراحی چاپی بخش مهمی از طراحی وب سایت است. با اهمیت یک متن سایت، نیاز به اطمینان از اینکه به نظر می رسد خوب است و خواندن آسان است. این کار با CSS (Cascading Style Sheets) انجام می شود.

با دنبال کردن استانداردهای طراحی وب مدرن، زمانی که می خواهید محتوای متنی وب سایت را دیکته کنید، این کار را با استفاده از CSS انجام می دهید. این سبک CSS را از ساختار HTML یک صفحه جدا می کند. به عنوان مثال، اگر شما می خواهید فونت یک صفحه را به Arial تنظیم کنید، می توانید این کار را با اضافه کردن قوانین سبک زیر به CSS خود انجام دهید (توجه داشته باشید - این احتمالا در یک ورق سبک CSS خارجی که سبک ها را اجرا می کند برای هر صفحه در وب سایت):

body {font-family: Arial؛ }

این فونت برای "بدن" تنظیم شده است، بنابراین آبشار CSS سبک را به تمام عناصر دیگر از صفحه اعمال خواهد کرد. این به این دلیل است که هر عنصر HTML دیگر کودک از عنصر "body" است، سبک CSS مانند خانواده فونت یا رنگ از والدین به عنصر child بارگذاری می شود. این مورد خواهد بود مگر اینکه سبک خاصی برای عناصر خاص اضافه شود. تنها مشکل این CSS این است که تنها یک فونت اختصاصی مشخص شده است. اگر فونت را به دلایلی یافت نشد، مرورگر جای دیگری را جایگزین دیگری خواهد کرد. این بد است زیرا شما هیچ کنترلی در مورد فونت مورد استفاده ندارید - مرورگر برای شما انتخاب خواهد کرد و شما ممکن است دوست ندارید از آنچه تصمیم گرفتید استفاده کنید. این است که در آن یک پشته فونت وارد می شود.

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

پس چگونه فونت فتوشاپ نگاه می کند؟ به عنوان مثال:

body {font-family: Georgia، "Times New Roman"، serif؛ }

چند چیز وجود دارد که در اینجا قابل توجه است.

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

از لحاظ فونت بعدی، توجه کنید که چگونه در پشته نوشته شده است. نام "Times New Roman" در نقل قول های دوخته شده است. این به این دلیل است که نام فونت چندین کلمه دارد. هر فونت با بیش از یک کلمه نامیده می شود (Trebuchet MS، Courier New، و غیره) باید نام را به صورت دوگانه داشته باشد به طوری که مرورگر می داند که تمام این کلمات بخشی از یک نام فونت هستند.

در نهایت، پشته فونت را با "serif"، که یک طبقه بندی کلی فونت است، پایان می دهیم. به عنوان مثال بعید است که هیچ کدام از فونت هایی که شما در پشته خود نامگذاری کرده اید در دسترس باشند، مرورگر به جای آن فقط یک فونت پیدا می کند که حداقل به طبقه بندی مناسب که شما انتخاب کرده اید، برسد. به عنوان مثال، اگر شما از فونتهای بدون sarbier مانند Arial و Verdana استفاده می کنید، با پایان دادن به یک ستون فونت با طبقه بندی "sans-serif"، اگر یک مشکل بار وجود داشته باشد، فونت آن را در کل خانواده حفظ خواهد کرد. مسلما باید بسیار نادر باشد که یک مرورگر بتواند هیچ یک از فونت های ذکر شده در پشته را پیدا نکند و باید به جای استفاده از این طبقه بندی عمومی، بهترین کار این است که آن را فقط به دوبخش بودن آن اضافه کنید.

فونت ها و فونت های وب

امروزه بسیاری از وبسایتها از فونت های وب استفاده می کنند که هم در کنار سایر منابع (مانند تصاویر سایت، فایل جاوا اسکریپت و غیره) و هم در فونت های خارج از سایت مانند فونت های گوگل یا Typekit مرتبط هستند. در حالی که این فونتها باید از زمان اتصال به فایلها خود بارگیری کنید، هنوز میخواهید از یک پشته فونت استفاده کنید تا اطمینان حاصل کنید که کنترل برخی از مسائل ممکن است داشته باشید. همان چیزی که برای فونتهای ایمن وب که باید بر روی رایانه شخصی باشد (توجه داشته باشید که فونتهایی که ما در نمونههای این مقاله استفاده کردهایم، از جمله Arial، Verdana، Georgia، Times New Roman، همه فونتهای امن وب است که باید باشد بر روی یک کامپیوتر شخصی) هرچند امکان خراب شدن فونت بسیار کم است، مشخص کردن یک ستون فونت، به اندازه ای که امکان پذیر است، طراحی یک تایپوگرافی سایت را از بین می برد.

مقاله اصلی جنیفر کریینین. ویرایش شده توسط Jeremy Girard در تاریخ 8/9/17