افزونه نوین فونت؛ مدیریت حرفه‌ای فونت و تایپوگرافی در وردپرس

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

نوین فونت فقط یک ابزار برای اضافه کردن فایل فونت به وردپرس نیست. کتابخانه اختصاصی فونت، پشتیبانی از Variable Font، سیستم Ruleهای تایپوگرافی، تنظیمات جداگانه دسکتاپ، تبلت و موبایل، مقایسه هم‌زمان دو فونت و انتخابگر بصری عناصر سایت، مجموعه‌ای کامل برای کنترل ظاهر نوشته‌ها در اختیار مدیر سایت قرار می‌دهند.

رابط مدیریت افزونه کاملاً فارسی و RTL است و با ساختار Card-Based طراحی شده تا مدیریت خانواده‌ها، فایل‌های فونت و تنظیمات تایپوگرافی در یک محیط منظم انجام شود. جابه‌جایی میان بخش‌ها، آپلود فونت و ذخیره تنظیمات نیز با Ajax انجام می‌شود و برای بسیاری از عملیات نیازی به Reload کامل صفحه نیست.

NovinFont همچنین برای هماهنگی با ساختار مدرن WordPress طراحی شده و زیرساخت لازم برای Font Library وردپرس، CSS Variables و یکپارچه‌سازی فونت‌ها با Elementor را در خود جای داده است.

نوین فونت یک سیستم جامع مدیریت تایپوگرافی است که از مرحله آپلود و شناسایی فایل فونت تا Preview، ساخت خانواده، تعریف Selector، تنظیم Responsive و تولید CSS فرانت‌اند را در یک افزونه فارسی پوشش می‌دهد.

مدیریت Variable Font و وزن‌های مختلف در افزونه Novin Font

فهرست مطالب معرفی نوین فونت

افزونه نوین فونت چیست؟

نوین فونت یک سیستم مدیریت فونت و Typography برای وردپرس است که فایل‌های فونت، خانواده‌ها، Weightها، Styleها و قوانین استفاده از فونت در فرانت‌اند را از یک محیط مرکزی مدیریت می‌کند.

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

مدیریت متمرکز فونت‌ها

کتابخانه فونت، تنظیمات تایپوگرافی، Previewها و یکپارچه‌سازی‌ها همگی در ساختار مدیریتی نوین فونت قرار گرفته‌اند و برای دسترسی به قابلیت‌های مختلف نیازی به پراکندگی میان صفحات متعدد وردپرس نیست.

طراحی شده برای وب فارسی

رابط افزونه فارسی و راست‌چین است و متن‌های پیش‌نمایش نیز برای نمایش واقعی حروف، کلمات و اعداد فارسی طراحی شده‌اند.

هماهنگ با نسخه‌های جدید PHP

ساختار نوین فونت برای PHP 8.1 و نسخه‌های جدیدتر PHP بهینه و سازگار شده است.

جدول معرفی و مشخصات افزونه نوین فونت

مشخصه امکانات نوین فونت
نام محصول نوین فونت | NovinFont
نوع محصول افزونه مدیریت فونت و تایپوگرافی وردپرس
رابط مدیریت فارسی و RTL
ساختار رابط Card-Based و Responsive
سازگاری PHP PHP 8.1 و نسخه‌های جدیدتر
مسیر ذخیره فونت uploads/novinfont
مدیریت صفحات Ajax و بدون Reload کامل
ذخیره تنظیمات Ajax و با تصمیم کاربر
آپلود فونت Ajax
Drag & Drop دارد
آپلود چند فایل دارد
نمایش Progress دارد
TTF پشتیبانی می‌شود
OTF پشتیبانی می‌شود
WOFF پشتیبانی می‌شود
WOFF2 پشتیبانی می‌شود
Font Family مدیریت خانواده‌های فونت
تشخیص Metadata دارد
تشخیص Weight دارد
وزن‌های 100 تا 900 پشتیبانی می‌شود
Regular / Italic پشتیبانی می‌شود
Variable Font پشتیبانی می‌شود
تشخیص محدوده Weight برای فونت‌های متغیر
Preview قبل از آپلود دارد
Preview فونت ذخیره‌شده دارد
مقایسه دو فونت دارد
تغییر زنده Weight دارد
Typography Rules دارد
CSS Selector سفارشی دارد
Visual Selector انتخاب بصری عناصر سایت
Desktop Typography دارد
Tablet Typography دارد
Mobile Typography دارد
Fallback Font دارد
font-display قابل کنترل
CSS Variables دارد
Font Library وردپرس زیرساخت یکپارچه‌سازی دارد
Elementor یکپارچه‌سازی دارد
امنیت مدیریتی Nonce و Capability Check
اعتبارسنجی فایل دارد
Sanitization برای تنظیمات و Selectorها
خروجی CSS فرانت‌اند خودکار براساس خانواده‌ها و Ruleها

داشبورد فارسی و مدرن NovinFont

پنل مدیریتی نوین فونت به‌صورت کامل برای کاربران فارسی‌زبان طراحی شده است. جهت RTL، متن‌های فارسی و ساختار Card-Based باعث می‌شوند تنظیمات مختلف فونت و Typography در محیطی منظم در دسترس باشند.

تنظیم تایپوگرافی دسکتاپ تبلت و موبایل با نوین فونت

چهار بخش اصلی مدیریت

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

جابه‌جایی بدون Reload

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

دکمه سراسری ذخیره تنظیمات

یک دکمه «ذخیره تنظیمات» در ساختار مدیریت قرار دارد تا تغییرات تنها در زمانی که کاربر تصمیم می‌گیرد در تنظیمات نهایی ثبت شوند.

ذخیره با Ajax

ثبت تنظیمات نیز بدون Refresh کامل پنل انجام می‌شود و رابط مدیریت در همان وضعیت باقی می‌ماند.

هشدار تغییرات ذخیره‌نشده

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

کتابخانه اختصاصی و ساختار مستقل ذخیره فونت‌ها

فایل‌های اضافه‌شده به NovinFont در مسیر مستقل uploads/novinfont نگهداری می‌شوند. این ساختار باعث می‌شود فونت‌های افزونه در مسیر مشخص و قابل مدیریت خود قرار داشته باشند.

کتابخانه فونت مرکزی

Font Library داخلی افزونه اطلاعات خانواده‌های فونت و فایل‌های مرتبط با هر خانواده را در یک محیط مرکزی نمایش می‌دهد.

نمایش مشخصات فایل

نام فایل، فرمت و حجم هر فونت مستقیماً در کتابخانه قابل مشاهده است.

جستجوی فونت‌ها

امکان Search در کتابخانه برای دسترسی سریع به فونت موردنظر وجود دارد.

فیلتر خانواده‌ها

خانواده‌های فونت را می‌توان براساس ساختار کتابخانه فیلتر و مدیریت کرد.

آپلود Ajax فونت با Drag & Drop

سیستم Upload نوین فونت برای اضافه‌کردن سریع فایل‌های فونت طراحی شده است و فرایند ارسال فایل بدون Refresh صفحه انجام می‌شود.

کشیدن و رها کردن فایل

کاربر می‌تواند فایل‌های موردنظر را با Drag & Drop مستقیماً وارد محیط آپلود کند.

آپلود هم‌زمان چند فایل

چند Weight یا Style مختلف از یک خانواده را می‌توان هم‌زمان برای بارگذاری انتخاب کرد.

Progress آپلود

وضعیت ارسال فایل‌ها و میزان پیشرفت Upload در رابط افزونه نمایش داده می‌شود.

اعتبارسنجی فایل

فایل‌های انتخاب‌شده پیش از ورود به کتابخانه توسط ساختار اعتبارسنجی افزونه بررسی می‌شوند.

انتخابگر بصری عناصر سایت برای تغییر فونت در نوین فونت

پشتیبانی از فرمت‌های رایج فونت وب

فرمت پشتیبانی کاربرد در نوین فونت
TTF دارد آپلود، Preview و استفاده در خانواده فونت
OTF دارد آپلود و مدیریت فونت‌های OpenType
WOFF دارد فرمت بهینه‌شده برای استفاده در وب
WOFF2 دارد فرمت مدرن فونت وب

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

مدیریت حرفه‌ای خانواده‌های فونت

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

گروه‌بندی فایل‌های یک خانواده

برای مثال Regular، Medium، Bold و Black یک فونت می‌توانند همگی در یک خانواده قرار داشته باشند و به‌صورت یک مجموعه واحد مدیریت شوند.

تشخیص اطلاعات از Metadata

نوین فونت تا حد امکان اطلاعات Font Family و Weight را از Metadata موجود در خود فایل فونت استخراج می‌کند.

فعال و غیرفعال کردن خانواده

هر خانواده فونت می‌تواند بدون حذف فایل‌های آن فعال یا غیرفعال شود.

کنترل مستقل فایل‌ها

فایل‌های داخل یک خانواده نیز به‌صورت جداگانه قابل فعال یا غیرفعال کردن هستند.

ویرایش خانواده فونت

اطلاعات مربوط به یک Font Family را می‌توان از داخل کتابخانه ویرایش کرد.

ساخت کپی از خانواده

قابلیت Duplicate امکان ساخت نسخه دیگری از یک خانواده موجود را فراهم می‌کند.

حذف خانواده فونت

مدیریت کامل Lifecycle خانواده‌ها از ایجاد و ویرایش تا حذف در خود کتابخانه انجام می‌شود.

تنظیم قوانین تایپوگرافی و CSS Selector در NovinFont

پشتیبانی از Variable Font و وزن‌های 100 تا 900

نوین فونت از فونت‌های معمولی و Variable Font پشتیبانی می‌کند و سیستم Weight آن برای مدیریت وزن‌های مختلف خانواده‌های تایپوگرافی طراحی شده است.

وزن مستقل برای هر فایل

هر فایل داخل خانواده می‌تواند Weight مستقل خود را داشته باشد؛ از وزن‌های سبک مانند 100 و 200 تا وزن‌های سنگین مانند 800 و 900.

Style مستقل

حالت Normal یا Italic نیز برای هر فایل به‌صورت جداگانه قابل تعریف است.

فونت متغیر در افزونه NovinFont

Variable Font امکان نگهداری چندین مقدار Weight در یک فایل را فراهم می‌کند و NovinFont ساختار لازم برای شناسایی و مدیریت این نوع فونت را دارد.

تشخیص محدوده وزن

برای فونت‌های متغیر، محدوده Weight قابل استفاده از اطلاعات فایل شناسایی و در سیستم تایپوگرافی افزونه قابل استفاده می‌شود.

پیش‌نمایش واقعی فونت قبل و بعد از آپلود

سیستم Preview نوین فونت از خود فایل واقعی فونت استفاده می‌کند؛ بنابراین نمونه‌ای که کاربر مشاهده می‌کند مستقل از فونت رابط مدیریت وردپرس است.

Preview قبل از Upload

فایل انتخاب‌شده می‌تواند پیش از ارسال به سرور مستقیماً داخل مرورگر بارگذاری و پیش‌نمایش داده شود.

استفاده از FontFace مرورگر

سیستم پیش‌نمایش از قابلیت FontFace برای بارگذاری فایل واقعی فونت در محیط مرورگر استفاده می‌کند.

بررسی ساختار فایل

پیش از ارسال فایل به موتور Preview، ساختار آن بررسی می‌شود و سپس نمونه فونت در رابط نمایش داده می‌شود.

متن فارسی استاندارد

نمونه متن پیش‌فرض برای مشاهده واقعی شکل حروف، فاصله‌ها و اعداد فارسی طراحی شده است.

Preview فونت‌های ذخیره‌شده

فونت‌هایی که قبلاً وارد کتابخانه شده‌اند نیز مستقیماً از فایل اصلی خودشان قابل پیش‌نمایش هستند.

مقایسه هم‌زمان دو فونت در داشبورد

NovinFont یک محیط Comparison برای قرار دادن دو فونت در کنار یکدیگر ارائه می‌دهد تا ظاهر آن‌ها با یک متن یکسان مقایسه شود.

انتخاب مستقل دو خانواده

فونت اول و فونت دوم به‌صورت مستقل انتخاب می‌شوند و هر کدام Preview جداگانه خود را دارند.

تغییر زنده فونت

انتخاب خانواده در بخش مقایسه بلافاصله روی نمونه اعمال می‌شود و برای مشاهده نتیجه نیازی به ذخیره تنظیمات نیست.

تغییر زنده Weight

وزن Preview نیز قابل تغییر است تا Regular، Medium، Bold و سایر Weightهای موجود در کنار یکدیگر بررسی شوند.

متن دلخواه

کاربر می‌تواند به‌جای نمونه پیش‌فرض، متن فارسی یا لاتین دلخواه خود را برای مقایسه وارد کند.

Preview بدون ثبت در دیتابیس

تغییرات بخش Comparison برای نمایش آنی طراحی شده‌اند و تا زمان تصمیم کاربر نیازی به ذخیره در Database ندارند.

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

سیستم قوانین تایپوگرافی نوین فونت

Typography Rules قلب سیستم اعمال فونت در نوین فونت هستند. هر قانون مشخص می‌کند چه خانواده فونتی، با چه Weight و چه تنظیماتی روی کدام عنصر سایت اعمال شود.

CSS Selector مستقل

برای هر Rule می‌توان Selector دلخواه تعیین کرد. این Selector می‌تواند یک تگ عمومی مانند body، تیترها، منوها، محصولات یا کلاس اختصاصی قالب باشد.

انتخاب Font Family در افزونه NovinFont

هر قانون خانواده فونت مستقل خود را از کتابخانه نوین فونت دریافت می‌کند.

تنظیم Weight

وزن فونت هر Rule می‌تواند براساس Weightهای موجود در خانواده انتخاب شود.

حالت Normal و Italic

Style متن نیز به‌صورت مستقل در هر قانون قابل مدیریت است.

Font Size

اندازه فونت برای هر قانون به شکل جداگانه تعریف می‌شود.

Line Height

ارتفاع خطوط نیز در ساختار تایپوگرافی Rule قرار دارد.

Letter Spacing

فاصله میان حروف از همان بخش تنظیمات قابل کنترل است.

فعال یا غیرفعال کردن Rule

هر قانون می‌تواند بدون حذف اطلاعات آن موقتاً فعال یا غیرفعال شود.

اولویت اجباری

برای Selectorهایی که باید اولویت بیشتری نسبت به Style قالب داشته باشند، امکان استفاده از حالت اولویت اجباری در ساختار Ruleها در نظر گرفته شده است.

Preview زنده قانون

تغییرات تایپوگرافی پیش از ثبت نهایی قابل مشاهده هستند و کاربر می‌تواند نتیجه تنظیمات را به‌صورت زنده بررسی کند.

انتخابگر بصری عناصر سایت بدون نیاز به CSS Selector

NovinFont برای کاربرانی که با Selectorهای CSS آشنایی ندارند، یک Visual Selector یا انتخابگر بصری عناصر سایت در اختیار قرار می‌دهد.

انتخاب مستقیم از Frontend

کاربر می‌تواند وارد نمای سایت شود و عنصر موردنظر خود را مستقیماً انتخاب کند.

دریافت Selector عنصر

پس از کلیک روی عنصر، Selector مناسب آن توسط سیستم شناسایی می‌شود.

بازگشت خودکار به پنل

Selector انتخاب‌شده به تنظیمات Rule منتقل می‌شود و ادامه تنظیم Typography از همان پنل قابل انجام است.

بدون Reload تنظیمات

فرایند انتقال Selector برای حفظ جریان کار بدون بارگذاری مجدد کامل پنل طراحی شده است.

پیش نمایش واقعی فونت فارسی قبل از آپلود در NovinFont

تایپوگرافی جداگانه برای دسکتاپ، تبلت و موبایل

نوین فونت امکان تعریف تنظیمات Responsive تایپوگرافی را برای اندازه‌های مختلف نمایشگر فراهم می‌کند.

تنظیم دسکتاپ تبلت موبایل
Font Family قابل تنظیم قابل تنظیم قابل تنظیم
Weight قابل تنظیم قابل تنظیم قابل تنظیم
Style قابل تنظیم قابل تنظیم قابل تنظیم
Font Size قابل تنظیم قابل تنظیم قابل تنظیم
Line Height قابل تنظیم قابل تنظیم قابل تنظیم
Letter Spacing قابل تنظیم قابل تنظیم قابل تنظیم

تایپوگرافی متناسب با نمایشگر

برای نمونه می‌توان اندازه و Line Height تیتر را روی دسکتاپ بزرگ‌تر در نظر گرفت و نسخه متناسب با نمایشگر کوچک‌تر را برای موبایل تعریف کرد.

مدیریت از یک Rule

تنظیمات مربوط به Deviceهای مختلف در ساختار همان قانون قرار دارند و برای مدیریت آن‌ها نیازی به ایجاد قوانین پراکنده نیست.

فونت مستقل برای کل سایت، متن‌ها، تیترها و عناصر مختلف

سیستم Ruleهای افزونه NovinFont اجازه می‌دهد ساختار تایپوگرافی سایت از یک قانون عمومی تا Selectorهای کاملاً اختصاصی توسعه پیدا کند.

فونت عمومی سایت

می‌توان یک Rule عمومی برای بدنه اصلی سایت تعریف کرد و Font Family اصلی رابط را از کتابخانه NovinFont انتخاب کرد.

فونت مستقل تیترها

Headingها می‌توانند خانواده، Weight و اندازه متفاوتی نسبت به متن اصلی داشته باشند.

فونت منو

برای منوهای اصلی و ناوبری سایت می‌توان Selector مخصوص تعریف کرد.

فونت دکمه‌ها

Buttonها و Call to Actionهای سایت می‌توانند تایپوگرافی مستقل خود را داشته باشند.

فرم‌ها

Input، Select، Label و سایر عناصر فرم نیز از طریق Selectorهای اختصاصی قابل هدف‌گیری هستند.

محصولات WooCommerce

نام محصول، قیمت، دسته‌بندی‌ها و سایر اجزای فروشگاهی نیز می‌توانند با Ruleهای اختصاصی هدف قرار بگیرند.

حفظ Font Iconها

ساختار نوین فونت کاربر را مجبور به اعمال فونت با Selector عمومی * نمی‌کند و می‌توان قوانین را دقیقاً برای عناصر متنی موردنظر تعریف کرد.

Fallback Font و کنترل font-display

مدیریت تایپوگرافی نوین فونت تنها به انتخاب فایل اصلی محدود نیست و ساختار مربوط به Font Stack و رفتار بارگذاری نیز در آن در نظر گرفته شده است.

فونت جایگزین

برای خانواده‌ها می‌توان Fallback Font تعیین کرد تا در ساختار CSS، فونت‌های جایگزین پس از خانواده اصلی قرار بگیرند.

Font Stack

امکان تعریف زنجیره فونت جایگزین باعث می‌شود خروجی تایپوگرافی فرانت‌اند ساختار مشخص و قابل کنترل داشته باشد.

کنترل font-display

رفتار نمایش فونت هنگام بارگذاری از طریق گزینه font-display قابل مدیریت است.

CSS Variables و خروجی خودکار تایپوگرافی در فرانت‌اند

نوین فونت براساس خانواده‌های فعال و Ruleهای ذخیره‌شده، CSS موردنیاز فرانت‌اند را تولید می‌کند.

@font-face براساس فایل‌های واقعی

فایل‌های فعال هر خانواده به ساختار تعریف فونت سایت اضافه می‌شوند و Weight و Style ثبت‌شده برای آن‌ها در خروجی در نظر گرفته می‌شود.

CSS Variables

زیرساخت متغیرهای CSS امکان استفاده از خانواده‌های نوین فونت در قالب، Child Theme و توسعه اختصاصی را فراهم می‌کند.

Ruleهای Responsive

تنظیمات دسکتاپ، تبلت و موبایل در خروجی Style نهایی سایت منعکس می‌شوند.

Selectorهای اختصاصی

CSS نهایی براساس Selectorهایی تولید می‌شود که برای قوانین تایپوگرافی تعریف شده‌اند.

آپلود چند فایل فونت با Drag and Drop در نوین فونت

هماهنگی با معماری تایپوگرافی نسخه‌های جدید WordPress

نوین فونت با نگاه به معماری جدید مدیریت فونت و Typography در وردپرس توسعه داده شده است.

زیرساخت Font Library

ساختار یکپارچه‌سازی با Font Library وردپرس در افزونه در نظر گرفته شده تا مدیریت فونت با مسیر جدید توسعه هسته WordPress هماهنگ باشد.

استفاده در طراحی قالب

خانواده‌های ثبت‌شده می‌توانند از طریق زیرساخت افزونه در Styleهای فرانت‌اند و توسعه اختصاصی مورد استفاده قرار بگیرند.

CSS Variables برای توسعه‌دهندگان

وجود Variableهای CSS دسترسی به فونت‌های تعریف‌شده را برای طراحی‌های اختصاصی ساده‌تر می‌کند.

برای مطالعه محتوای مرتبط می‌توانید مقاله تغییر فونت در وردپرس و افزودن فونت دلخواه را نیز در نوین وردپرس مشاهده کنید.

یکپارچه‌سازی نوین فونت با Elementor

نوین فونت زیرساخت لازم برای استفاده از خانواده‌های مدیریت‌شده در اکوسیستم Elementor را در اختیار سایت قرار می‌دهد.

فونت‌های سفارشی در طراحی المنتوری

خانواده‌های اضافه‌شده به کتابخانه NovinFont می‌توانند در ساختار یکپارچه‌سازی مربوط به فونت‌های Elementor مورد استفاده قرار گیرند.

جستجو در Font Family در افزونه NovinFont

انتخابگر خانواده فونت دارای Search است تا در سایت‌هایی با تعداد زیاد فونت، خانواده موردنظر سریع‌تر پیدا شود.

هماهنگی طراحی سایت و Ruleها

می‌توان بخش‌هایی از Typography را از طریق Ruleهای نوین فونت مدیریت کرد و خانواده‌های ذخیره‌شده را در ساختار طراحی Elementor نیز در اختیار داشت.

برای طراحی گسترده‌تر صفحات می‌توانید افزونه المنتور پرو | Elementor Pro را نیز در کنار نوین فونت استفاده کنید.

ساختار امنیتی عملیات مدیریتی نوین فونت

عملیات مربوط به آپلود، ذخیره تنظیمات و مدیریت داده‌ها در NovinFont همراه با لایه‌های امنیتی متداول مدیریت وردپرس طراحی شده‌اند.

WordPress Nonce

درخواست‌های مدیریتی حساس با nonce وردپرس اعتبارسنجی می‌شوند.

Capability Check

دسترسی به عملیات مدیریتی براساس Capability کاربر بررسی می‌شود.

اعتبارسنجی فایل فونت

فایل‌های Uploadشده قبل از ورود به ساختار نهایی کتابخانه اعتبارسنجی می‌شوند.

Sanitization تنظیمات

داده‌های تنظیمات قبل از ذخیره‌سازی پاک‌سازی و آماده می‌شوند.

Sanitization سلکتورها

CSS Selectorهای واردشده نیز از مسیر اعتبارسنجی و Sanitization افزونه عبور می‌کنند.

نوین فونت برای چه نوع سایت‌هایی کاربرد دارد؟

نوع سایت کاربرد نوین فونت
سایت شرکتی فونت مستقل برای متن، تیتر، منو و دکمه‌ها
فروشگاه WooCommerce تایپوگرافی محصولات، قیمت‌ها، فیلترها و دکمه‌ها
مجله اینترنتی فونت مجزا برای محتوا، Heading و بخش‌های خبری
سایت آموزشی تنظیم خوانایی متن و تیتر برای دستگاه‌های مختلف
سایت Elementor استفاده از خانواده‌های سفارشی در طراحی صفحات
وب‌سایت فارسی مدیریت کامل فونت‌های فارسی و Weightهای مختلف
پروژه چندفونته کتابخانه، Search، خانواده‌بندی و مدیریت فایل‌ها
سایت Responsive تنظیم جداگانه Typography برای Desktop، Tablet و Mobile
پروژه طراحی اختصاصی CSS Selector و CSS Variables
سایت دارای فونت متغیر مدیریت Variable Font و محدوده Weight

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

فهرست کامل امکانات افزونه نوین فونت

  • مسیر مستقل uploads/novinfont برای نگهداری فایل‌ها
  • سازگاری با PHP 8.1 و نسخه‌های جدیدتر
  • رابط مدیریتی فارسی و RTL
  • طراحی Card-Based
  • پنل Responsive برای موبایل و تبلت
  • داشبورد اختصاصی فونت
  • کتابخانه Font Family
  • بخش Typography
  • بخش Integration
  • جابه‌جایی Ajax میان تنظیمات
  • دکمه سراسری ذخیره تنظیمات
  • ذخیره فقط با تصمیم کاربر
  • ذخیره Ajax بدون Reload
  • آپلود Ajax فونت در افزونه NovinFont
  • Drag & Drop
  • آپلود چند فایل
  • نمایش Progress آپلود
  • پشتیبانی TTF
  • پشتیبانی OTF
  • پشتیبانی WOFF
  • پشتیبانی WOFF2
  • ساخت Font Family
  • گروه‌بندی چند فایل زیر یک خانواده
  • تشخیص نام خانواده از Metadata
  • تشخیص Weight از Metadata
  • Weightهای 100 تا 900
  • Regular
  • Italic
  • Style مستقل هر فایل
  • Weight مستقل هر فایل
  • Variable Font
  • تشخیص محدوده Weight فونت متغیر
  • فعال و غیرفعال کردن خانواده
  • فعال و غیرفعال کردن فایل‌های خانواده
  • نمایش نام فایل
  • نمایش فرمت
  • نمایش حجم
  • جستجو در کتابخانه
  • فیلتر خانواده‌ها
  • ویرایش Font Family
  • Duplicate خانواده
  • حذف خانواده
  • Preview قبل از Upload
  • Preview فایل‌های ذخیره‌شده
  • استفاده از فایل واقعی برای پیش‌نمایش
  • استفاده از FontFace مرورگر
  • بررسی ساختار فایل پیش از Preview
  • متن آزمایشی استاندارد فارسی
  • مقایسه هم‌زمان دو فونت
  • انتخاب مستقل فونت اول و دوم
  • تغییر زنده Font Family
  • تغییر زنده Weight
  • متن دلخواه Comparison
  • Preview بدون ذخیره در دیتابیس
  • Typography Rules
  • CSS Selector سفارشی
  • Font Family مستقل برای هر Rule
  • Weight مستقل برای هر قانون
  • Normal و Italic
  • Font Size
  • Line Height
  • Letter Spacing
  • تنظیمات دسکتاپ
  • تنظیمات تبلت
  • تنظیمات موبایل
  • فعال و غیرفعال کردن Rule
  • اولویت اجباری Style
  • Preview زنده قانون
  • Visual Selector فرانت‌اند
  • انتخاب مستقیم عنصر سایت
  • دریافت خودکار Selector
  • انتقال Selector به پنل
  • Rule عمومی برای کل سایت
  • فونت مستقل متن اصلی در افزونه NovinFont
  • فونت مستقل Headingها
  • فونت مستقل منو
  • فونت مستقل Buttonها
  • فونت مستقل فرم‌ها
  • عدم وابستگی به Selector عمومی *
  • Fallback Font
  • کنترل font-display
  • CSS Variables
  • هماهنگی با معماری جدید Typography وردپرس
  • زیرساخت Font Library وردپرس
  • یکپارچه‌سازی با Elementor
  • Search در انتخابگر Font Family
  • حفظ Live Preview پیش از ذخیره
  • هشدار تغییرات ذخیره‌نشده
  • WordPress Nonce
  • Capability Check
  • اعتبارسنجی فایل Upload
  • Sanitization تنظیمات
  • Sanitization Selectorها
  • تولید CSS فرانت‌اند
  • تولید Style براساس خانواده و Ruleهای فعال

داشبورد فارسی افزونه NovinFont برای مدیریت فونت‌های وردپرس

سؤالات متداول افزونه NovinFont

نوین فونت چه کاری انجام می‌دهد؟

نوین فونت برای آپلود، مدیریت، پیش‌نمایش و اعمال فونت‌های سفارشی روی بخش‌های مختلف سایت وردپرسی طراحی شده و یک سیستم کامل Typography در اختیار مدیر سایت قرار می‌دهد.

آیا نوین فونت مخصوص فونت‌های فارسی است؟

رابط و تجربه کاربری افزونه برای وب فارسی طراحی شده است، اما ساختار Font Family و فرمت‌های استاندارد آن امکان مدیریت فونت‌های فارسی و لاتین را فراهم می‌کند.

چه فرمت‌هایی پشتیبانی می‌شوند؟

فرمت‌های TTF، OTF، WOFF و WOFF2 در کتابخانه نوین فونت قابل استفاده هستند.

آیا می‌توان چند فایل یک فونت را با هم مدیریت کرد؟

بله. فایل‌های مختلف Regular، Medium، Bold، Italic و سایر وزن‌ها می‌توانند در یک خانواده فونت قرار بگیرند.

آیا Weight فونت تشخیص داده می‌شود؟

بله. افزونه تا حد امکان Weight و اطلاعات خانواده را از Metadata خود فایل شناسایی می‌کند.

آیا وزن‌های 100 تا 900 پشتیبانی می‌شوند؟

بله. سیستم مدیریت Weight نوین فونت برای وزن‌های مختلف از 100 تا 900 طراحی شده است.

آیا از Variable Font پشتیبانی می‌کند؟

بله. فونت‌های متغیر در افزونه NovinFont و محدوده وزن موجود در آن‌ها در ساختار افزونه پشتیبانی می‌شوند.

آیا می‌توان قبل از آپلود فونت را مشاهده کرد؟

بله. NovinFont فایل انتخاب‌شده را مستقیماً داخل مرورگر Preview می‌کند.

آیا Preview از خود فایل فونت استفاده می‌کند؟

بله. پیش‌نمایش با فایل واقعی و رابط FontFace مرورگر انجام می‌شود و وابسته به فونت پنل مدیریت نیست.

آیا امکان مقایسه دو فونت وجود دارد؟

بله. دو خانواده فونت را می‌توان به‌صورت هم‌زمان با متن و Weight دلخواه مقایسه کرد.

آیا می‌توان فونت کل سایت را تغییر داد؟

بله. یک Rule عمومی می‌تواند Font Family اصلی سایت را روی Selector موردنظر اعمال کند.

آیا می‌توان برای تیترها فونت جدا داشت؟

بله. Headingها می‌توانند Rule و خانواده فونت مستقل خود را داشته باشند.

آیا برای منو و دکمه‌ها فونت جدا تعریف می‌شود؟

بله. Selectorهای منو، Button، فرم و سایر عناصر می‌توانند قوانین اختصاصی داشته باشند.

آیا برای محصولات ووکامرس قابل استفاده است؟

بله. نام محصول، قیمت، دسته‌بندی، دکمه‌ها و سایر اجزای WooCommerce از طریق Selector قابل هدف‌گیری هستند.

اگر CSS Selector بلد نباشیم چه می‌شود؟

Visual Selector نوین فونت امکان انتخاب مستقیم عنصر از نمای سایت و دریافت Selector را فراهم می‌کند.

آیا تایپوگرافی موبایل جداست؟

بله. Font Size، Line Height، Letter Spacing و سایر گزینه‌های Typography را می‌توان برای موبایل، تبلت و دسکتاپ به‌صورت جداگانه تنظیم کرد.

آیا فونت جایگزین دارد؟

بله. Fallback Font برای خانواده‌ها قابل تعریف است.

آیا font-display قابل تنظیم است؟

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

آیا با Elementor یکپارچه می‌شود؟

بله. زیرساخت یکپارچه‌سازی خانواده‌های فونت با Elementor در نوین فونت در نظر گرفته شده است.

آیا با ساختار جدید WordPress Font Library هماهنگ است؟

بله. زیرساخت مربوط به هماهنگی با معماری جدید تایپوگرافی و Font Library وردپرس در افزونه پیش‌بینی شده است.

آیا آپلود فونت صفحه را Reload می‌کند؟

خیر. آپلود فایل‌ها از طریق Ajax انجام می‌شود و Progress آن نیز داخل همان رابط نمایش داده می‌شود.

آیا چند فایل را می‌توان هم‌زمان آپلود کرد؟

بله. Multi Upload و Drag & Drop برای ارسال چند فایل در نظر گرفته شده‌اند.

فایل‌های فونت کجا ذخیره می‌شوند؟

فونت‌های مدیریت‌شده توسط افزونه در مسیر اختصاصی uploads/novinfont قرار می‌گیرند.

آیا تغییرات Preview فوراً ذخیره می‌شوند؟

خیر. در افزونه NovinFont پیش‌نمایش زنده مستقل از ثبت نهایی تنظیمات عمل می‌کند و ذخیره با تصمیم کاربر انجام می‌شود.

آیا NovinFont با PHP 8.1 سازگار است؟

بله. افزونه با PHP 8.1 و نسخه‌های جدیدتر PHP سازگار شده است.

آیا درخواست‌های مدیریتی افزونه ایمن هستند؟

عملیات مدیریتی با ساختارهایی مانند WordPress Nonce، بررسی Capability، اعتبارسنجی فایل و Sanitization داده‌ها مدیریت می‌شوند.

افزونه نوین فونت برای مدیریت فونت فارسی و تایپوگرافی وردپرس

جمع‌بندی معرفی افزونه NovinFont

نوین فونت یک سیستم جامع برای مدیریت فونت و Typography در وردپرس است که از مرحله آپلود فایل تا ساخت خانواده، شناسایی Weight، پیش‌نمایش، مقایسه فونت‌ها و اعمال نهایی Style را در یک محیط یکپارچه پوشش می‌دهد.

پشتیبانی از TTF، OTF، WOFF و WOFF2 در کنار Variable Font و وزن‌های 100 تا 900، امکان ساخت یک کتابخانه کامل از فونت‌های فارسی و لاتین را فراهم می‌کند. هر فایل می‌تواند Weight و Style مستقل داشته باشد و خانواده‌ها نیز به‌صورت جداگانه قابل مدیریت هستند.

سیستم پیش‌نمایش واقعی، Comparison دو فونت، Visual Selector و Live Preview باعث می‌شوند بخش مهمی از تصمیم‌گیری درباره ظاهر تایپوگرافی مستقیماً در محیط افزونه انجام شود.

در بخش اعمال فونت نیز Typography Rules امکان انتخاب CSS Selector، Font Family، Weight، Style، اندازه، Line Height و Letter Spacing را فراهم می‌کنند. تنظیم مستقل دسکتاپ، تبلت و موبایل نیز کنترل بیشتری روی ظاهر محتوا در نمایشگرهای مختلف ایجاد می‌کند.

Fallback Font، font-display، CSS Variables، Font Library وردپرس و یکپارچه‌سازی با Elementor نیز نوین فونت را به ابزاری فراتر از یک آپلودر ساده فونت تبدیل می‌کنند.

اگر هدف شما مدیریت حرفه‌ای فونت‌های فارسی و لاتین، ساخت یک سیستم منسجم تایپوگرافی و کنترل دقیق فونت بخش‌های مختلف وردپرس است، NovinFont تمام این قابلیت‌ها را از یک پنل فارسی و یکپارچه در اختیار شما قرار می‌دهد.

تغییرات و بروزرسانی ها
  • نسخه: 2.2
  • تاریخ: 1403/09/29
افزونه حرفه ای تغییر فونت قالب های وردپرس + فیلم آموزشی در تاریخ 1403/09/29 به نسخه 2.2 آپدیت شد.
اخرین بروزرسانی