تغییردهنده فونت به شما امکان میدهد هر فونت روی یک صفحه وب را با یکی از کتابخانه Google Fonts جایگزین کنید — یا به صورت کلی (همه متن روی صفحه) یا برای هر عنصر (فقط عناوین، فقط متن بدنه، یا هر عنصر خاصی که کلیک میکنید). فونتها به صورت پویا بر حسب تقاضا بارگذاری میشوند و میتوانید بین فونتهای اصلی و جدید برای مقایسه تأثیر بر خوانایی و طراحی جابجا شوید.
انتخاب نوعخط مناسب یکی از تأثیرگذارترین تصمیمات طراحی است، اما آزمایش فونتها در زمینه به طرز شگفتانگیزی دشوار است. پیشنمایشهای Google Fonts فونتها را به صورت جدا با متن نمونه نشان میدهند — نه در زمینه چیدمان صفحه واقعی شما با محتوای واقعی. تغییردهنده فونت Google Fonts را مستقیماً به مرورگر میآورد و روی صفحات واقعی اعمال میکند. کتابخانه را مرور کنید یا جستجو کنید، روی یک فونت کلیک کنید و آن را فوراً اعمالشده ببینید. فونت به صورت پویا از CDN گوگل بارگذاری میشود، بنابراین نیازی به دانلود یا نصب نیست. آن را به صورت کلی اعمال کنید تا ببینید کل صفحه با یک نوعخط جدید چگونه به نظر میرسد، یا روی عناصر خاص کلیک کنید تا فونتهای مختلف برای عناوین در مقابل متن بدنه آزمایش کنید. با یک کلیک بین فونت اصلی و جایگزین جابجا شوید تا خوانایی، وزن بصری و تأثیر کلی طراحی را مقایسه کنید. همه تغییرات غیر مخرب هستند — رفرش کنید تا همه چیز بازیابی شود.
یک فونت جدید را با یک کلیک روی کل صفحه اعمال کنید. هر عنصر متنی — عناوین، پاراگرافها، دکمهها، ناوبری، footer — به فونت انتخابی تغییر میکند. فوراً ببینید تغییر کامل نوعخط چگونه طراحی کلی را تحت تأثیر قرار میدهد.
روی عناصر خاص کلیک کنید تا فقط فونت آنها را تغییر دهید. یک فونت serif برای عناوین با یک sans-serif برای متن بدنه آزمایش کنید، یا یک فونت monospace فقط برای بلوکهای کد اعمال کنید. فونتها را روی همان صفحه ترکیب و جفتسازی کنید.
کتابخانه کامل Google Fonts (بیش از ۱۵۰۰ خانواده فونت) را مستقیماً در ابزار مرور و جستجو کنید. فونتها به صورت پویا از CDN گوگل بر حسب تقاضا بارگذاری میشوند — نیازی به نصب محلی یا دانلود نیست.
با یک کلیک بین فونت اصلی و جایگزین جابجا شوید. صفحه فوراً رفت و برگشت میکند و مقایسه خوانایی، وزن بصری، x-height و فاصلهگذاری بین دو نوعخط را آسان میکند.
هنگامی که یک فونت جدید اعمال میکنید، مقادیر اصلی font-weight و font-style حفظ میشوند. عناوین bold، bold باقی میمانند، متن ایتالیک ایتالیک باقی میماند و متن بدنه با وزن سبک وزن سبک خود را حفظ میکند — نوعخط تغییر میکند اما سلسله مراتب تایپوگرافی حفظ میشود.
فونتها را بر اساس نام جستجو کنید، یا بر اساس دستهبندی فیلتر کنید (serif، sans-serif، display، handwriting، monospace). نوعخط مناسب را به سرعت از بیش از ۱۵۰۰ گزینه موجود پیدا کنید.
یک وبسایت جدید شروع میکنید؟ یک سایت مشابه را باز کنید و فونتهای آن را با کاندیداهای خود عوض کنید. ببینید هر نوعخط با محتوای واقعی و چیدمان واقعی چگونه به نظر میرسد — بسیار آشکارتر از متن نمونه پیشنمایش Google Fonts.
در طول یک بررسی طراحی، به مشتریان نشان دهید سایتشان با فونتهای مختلف چگونه به نظر میرسد. «این طراحی فعلی است... و با Playfair Display برای عناوین اینگونه به نظر میرسد.» toggle زنده مقایسه را جذاب میکند.
مقایسه کنید فونتهای مختلف چگونه خوانایی محتوای طولانی را تحت تأثیر قرار میدهند. یک پست وبلاگ را بین Inter، Georgia، Lora و Merriweather عوض کنید تا نوعخطی را که خواندن آن در اندازه فونت هدف راحتترین است پیدا کنید.
بازنگری برند را کاوش میکنید؟ کاندیداهای نوعخط جدید را روی سایت تولیدتان اعمال کنید تا ببینید با محتوا، رنگها و چیدمان واقعی چگونه به نظر میرسند. بسیار سریعتر از ایجاد ماکتها برای هر گزینه.
آزمایش کنید فونتهای مختلف چگونه خوانایی را برای کاربران مبتلا به دیسلکسی یا اختلالات بینایی تحت تأثیر قرار میدهند. فونتهایی مانند OpenDyslexic، Lexie Readable یا sans-serifهای با x-height بالا را به صورت فوری اعمال کنید تا تأثیر آنها را بررسی کنید.
داک شناور DevSuite Pro را باز کرده و روی آیکون تغییردهنده فونت کلیک کنید. یک پنل با یک کتابخانه Google Fonts قابل جستجو باز میشود.
نام فونت را تایپ کنید تا جستجو کنید، یا در کتابخانه اسکرول کنید. بر اساس دستهبندی (serif، sans-serif، display، monospace) فیلتر کنید تا گزینهها را محدود کنید.
روی نام فونت کلیک کنید تا به صورت کلی روی همه متن صفحه اعمال شود. یا ابتدا حالت «برای هر عنصر» را کلیک کنید، سپس روی عناصر خاص روی صفحه کلیک کنید، سپس یک فونت انتخاب کنید.
از دکمه toggle برای جابجایی بین فونت اصلی و جایگزین استفاده کنید. خوانایی، وزن بصری و تأثیر طراحی را به صورت کنار هم مقایسه کنید.
وقتی آزمایش تمام شد، صفحه را رفرش کنید تا همه فونتهای اصلی کاملاً بازیابی شوند.
DevSuite Pro را به صورت رایگان نصب کنید و بیش از ۳۹ ابزار توسعه را برای مرورگر خود باز کنید.
