مدیریت فونت‌های فروشگاه

در صفحهٔ «فونت‌های سایت» می‌توانید فونت‌هایی را که در طراحی فروشگاه به کار می‌برید ثبت و مدیریت کنید. ثبت فونت به‌تنهایی ظاهر همهٔ صفحه‌ها را عوض نمی‌کند؛ بعد باید نام همان فونت را در تنظیم تایپوگرافی صفحه یا متن موردنظر در Studio انتخاب کنید. این جدایی کمک می‌کند یک فونت را آماده داشته باشید و فقط در جاهایی به کار ببرید که واقعاً به آن نیاز دارید.

اگر در حال ساخت صفحه هستید و می‌خواهید نوشته‌ها با فونت دیگری دیده شوند، اول خانوادهٔ فونت را اینجا ثبت کنید. بعد در Studio، در بخش «تایپوگرافی»، نام خانواده را در «خانواده فونت» وارد کنید. برای یک زبان مشخص هم می‌توانید در تنظیمات انتشار، فونت همان زبان را جدا کنید. نام باید با نامی که در این فهرست ثبت کرده‌اید جور باشد؛ اگر فونت پیدا نشود، مرورگر به فونت جایگزین می‌رود.

فهرست فونت‌ها را بخوانید

از منوی پنل، «فونت‌های سایت» را باز کنید. در فهرست، نام خانواده، منبع، وضعیت فعال و وزن‌ها و سبک‌هایی را که برای آن ثبت کرده‌اید می‌بینید. روبه‌روی هر وزن و سبک، نوع فایل و علامت بهینه‌بودن هم نمایش داده می‌شود. اگر فهرست خالی است، هنوز فونتی برای فروشگاه ثبت نشده؛ برای شروع «افزودن فونت» را بزنید.

یک خانواده می‌تواند از سه منبع بیاید:

• سیستمی: نام فونتی که روی دستگاه یا مرورگر کاربر نصب است. فایل فونت از آناما دریافت نمی‌شود؛ اگر آن فونت روی دستگاه موجود نباشد، مرورگر از جایگزین استفاده می‌کند.
• Google Fonts: نام خانواده از Google Fonts گرفته می‌شود و صفحهٔ فروشگاه آن را از همان سرویس دریافت می‌کند. در فیلد «Google provider key» نام خانواده و وزن‌های لازم را می‌نویسید؛ برای نمونه Vazirmatn:wght@100..900. آدرس دلخواه فایل یا stylesheet را در این فیلد وارد نکنید.
• آپلود: فایل فونت خودتان را به فروشگاه اضافه می‌کنید. این روش زمانی مناسب است که فایل مجاز استفاده از فونت را دارید یا می‌خواهید فایل‌های برندتان را خودتان میزبانی کنید.

ثبت خانوادهٔ فونت

روی «افزودن فونت» بزنید و فرم را به این ترتیب کامل کنید:

1. نام خانواده: همان نامی را وارد کنید که بعداً در Studio برای خانوادهٔ فونت می‌نویسید. نام‌های هم‌معنا را با دو املای مختلف ثبت نکنید؛ نام خانواده در هر فروشگاه باید یکتا باشد.
2. منبع: سیستمی، Google Fonts یا آپلود را انتخاب کنید. این انتخاب می‌گوید فونت از کجا می‌آید و چه اطلاعات دیگری لازم است.
3. Google provider key: فقط برای Google Fonts پر می‌شود. نام خانواده و وزن موردنیاز را مطابق نمونهٔ خود Google Fonts بنویسید. آناما از روی این مقدار پیوند استاندارد فونت را می‌سازد و نشانی دلخواه نمی‌پذیرد.
4. Fallback: فونت‌های جایگزینی را مشخص می‌کند که اگر فونت اصلی بارگیری نشد، مرورگر به‌ترتیب سراغشان برود. برای نمونه می‌توانید بعد از نام فونت اصلی sans-serif را بگذارید. اگر این فیلد را تغییر ندهید، مقدار پیش‌فرض sans-serif استفاده می‌شود.
5. نام و پیوند مجوز: اگر مجوز فونت را می‌شناسید، نام و نشانی آن را ثبت کنید تا تیم بداند استفاده از فایل بر چه اساسی مجاز است. پیش از آپلود یا انتشار فونت، حق استفاده از آن را بررسی کنید.
6. زیرمجموعه‌ها (Subsets): زبان یا مجموعهٔ نویسه‌هایی را بنویسید که فونت پوشش می‌دهد؛ مثل latin یا arabic. چند مقدار را با ویرگول جدا کنید. اگر متن فارسی نمایش می‌دهید، مطمئن شوید فایل یا منبع انتخابی نویسه‌های فارسی را پوشش می‌دهد.
7. Variable font: اگر یک فایل می‌تواند چند وزن را در خودش پوشش دهد، این گزینه را روشن کنید. بعد هنگام افزودن فایل، بازهٔ وزن آن را درست ثبت کنید.
8. Preload critical: این گزینه برای فونتی است که بارگیری زودهنگامش به نمایش بخش مهم صفحه کمک می‌کند. آن را برای همهٔ فونت‌ها روشن نکنید؛ فقط موردی را انتخاب کنید که واقعاً در بالای صفحه و مسیر اولیهٔ خواندن استفاده می‌شود.

بعد «ذخیره» را بزنید. خانوادهٔ تازه در فهرست دیده می‌شود و از همان لحظه قابل استفاده است؛ اما تا وقتی آن را در تایپوگرافی Studio انتخاب نکنید، متن صفحه به آن تغییر نمی‌کند.

افزودن فایل به فونت آپلودی

اگر منبع را «آپلود» انتخاب کرده‌اید، ذخیرهٔ خانواده فقط یک ورودی در فهرست می‌سازد. برای اینکه مرورگر بتواند واقعاً فونت را نمایش دهد، روی «افزودن Font Face» کنار همان خانواده بزنید و فایل هر وزن یا سبک را جداگانه اضافه کنید. یک Font Face یعنی یک فایل مشخص برای وزن و حالت خاص، مثل ۴۰۰ عادی یا ۷۰۰ ایتالیک.

فرمت‌های WOFF2، WOFF، TTF و OTF پذیرفته می‌شوند و اندازهٔ هر فایل نباید از ۸ مگابایت بیشتر باشد. اگر انتخاب دارید، WOFF2 را ترجیح دهید؛ حجم کمتر و بارگیری مناسب‌تری دارد. برای هر فایل، وزن شروع و پایان را از ۱ تا ۱۰۰۰ وارد کنید، حالت Normal یا Italic را مشخص کنید و در صورت نیاز محدودهٔ نویسه‌ها را بنویسید. مثلاً U+0600-06FF برای بخشی از نویسه‌های عربی و فارسی است. اگر دو فایل بازهٔ وزن و سبک یکسان داشته باشند، ممکن است به‌عنوان مورد تکراری پذیرفته نشوند.

فایل WOFF2 بهینه‌شده شناخته می‌شود. اگر Preload را برای خانواده روشن کرده‌اید، فقط فایل‌های بهینه‌شده می‌توانند زودتر بارگیری شوند و تعداد فایل‌هایی که هم‌زمان پیش‌بارگیری می‌شوند محدود است. برای همین فقط فایل‌های واقعاً ضروری را برای پیش‌بارگیری در نظر بگیرید.

استفاده از فونت در Studio

بعد از ثبت خانواده و فایل‌هایش، صفحه را در Studio باز کنید و متن یا بخشی را که می‌خواهید تغییر دهید انتخاب کنید. در پنل ویژگی‌ها، «تایپوگرافی» را باز کنید و نام خانواده را در فیلد «خانواده فونت» وارد کنید. اگر همان صفحه به چند زبان منتشر می‌شود و یکی از زبان‌ها باید فونت دیگری داشته باشد، در تنظیم انتشار آن زبان فیلد «فونت مخصوص این زبان» را پر کنید. بعد پیش‌نمایش صفحه را ببینید و مطمئن شوید حروف فارسی، عددها و وزن‌های مورد استفاده درست دیده می‌شوند.

اگر فقط نام خانواده را ثبت کرده‌اید اما برای منبع آپلود هیچ فایل Font Face اضافه نکرده‌اید، فونتی برای بارگیری وجود ندارد. اگر وزن ۷۰۰ را در طراحی انتخاب کرده‌اید ولی فقط وزن ۴۰۰ آپلود شده، مرورگر ممکن است وزن دیگری را شبیه‌سازی کند یا از جایگزین استفاده کند. برای نتیجهٔ دقیق، وزن و حالت‌هایی را که در طراحی استفاده می‌کنید هم ثبت کنید.

اگر فونت در صفحه دیده نمی‌شود

فونت در Studio یا سایت پیدا نمی‌شود؟ نامی را که در «خانواده فونت» نوشته‌اید با نام خانواده در فهرست مقایسه کنید. فاصله، املای لاتین و نام فارسی باید یکسان باشد. اگر منبع آپلود است، ببینید دست‌کم یک فایل Font Face به همان خانواده اضافه شده باشد.

حروف فارسی با فونت دیگری دیده می‌شوند؟ بررسی کنید فونت یا subset انتخابی نویسه‌های فارسی را پوشش بدهد. اگر فایل وزن یا سبک فعلی را ندارد، وزن ثبت‌شده را با مقداری که در طراحی به کار برده‌اید مقایسه کنید. برای Google Fonts هم provider key باید خانواده و وزن درست را درخواست کند.

فایل بارگذاری نمی‌شود؟ پسوند را با فرمت‌های پذیرفته‌شده تطبیق دهید و مطمئن شوید حجم فایل از ۸ مگابایت بیشتر نیست. وزن پایان نباید از وزن شروع کمتر باشد. اگر پیام به بررسی امنیت فایل اشاره می‌کند، بعداً دوباره امتحان کنید؛ بدون موفقیت بررسی، فایل به خانواده اضافه نمی‌شود.

صفحه کندتر باز می‌شود؟ فقط یک یا دو فونت واقعاً مهم را برای Preload انتخاب کنید و فایل‌های حجیم یا وزن‌هایی را که در صفحه استفاده نمی‌کنید حذف کنید. برای نوشته‌های فارسی، بهینه‌کردن فقط حروف لاتین کافی نیست؛ قلم باید مجموعهٔ نویسه‌های فارسی موردنیاز را هم داشته باشد.

برای تغییر رنگ و گردی اجزای فروشگاه، تنظیم رنگ و ظاهر فروشگاه را ببینید. برای ساخت یا ویرایش خود صفحه، راهنمای ساخت و ویرایش صفحه با Studio را دنبال کنید.