CSS Type Studio: آزمایشگاه تایپوگرافی پیشرفتهٔ CSS
فرانتاندClaude Opus 5خلاصهٔ کاملتر
CSS Type Studio یه ابزار تحت وبه که سراغ بخشی از CSS رفته که خیلیها کمتر بهش دست میزنن: تایپوگرافی پیشرفته. ایدهش سادهست — یه متن نمونه داری و از تو یه پنل کنترل، خصوصیات فونت رو عوض میکنی و نتیجه رو بلافاصله میبینی، بدون اینکه لازم باشه هر بار کد بنویسی و صفحه رو رفرش کنی.
چیزی که این ابزار رو از یه پیشنمایش فونت ساده جدا میکنه، عمق تنظیماته. علاوه بر خانواده و اندازه و وزن و استایل فونت، میتونی حالتهای font-variant رو تکتک امتحان کنی: انواع small caps و petite caps و unicase، لیگاچرهای رایج و اختیاری و تاریخی، و فرمهای عددی مثل اعداد قدیمی، اعداد جدولی، صفر خطخورده و کسرهای مورب یا عمودی.
بخش دیگهای از کنترلها به رندر متن مربوطه. تو خود ابزار توضیح داده شده که text-wrap چطور شکستن خط رو کنترل میکنه و مثلاً میتونه طول خطها رو تو تیترهای چندخطی متعادلتر کنه، font-kerning اطلاعات کرنینگ ذخیرهشده تو فونت رو فعال یا غیرفعال میکنه، و font-optical-sizing تعیین میکنه مرورگر شکل گلیفها رو برای اندازههای مختلف بهینه کنه یا نه.
کنترلهای سینتز وزن و استایل و small caps هم هستن؛ یعنی وقتی فونت برشِ واقعی اون حالت رو نداره، مشخص میکنی مرورگر اجازه داشته باشه خودش تقلیدش کنه یا نه. کنار اینها تنظیمات چیدمان مثل ترازبندی، تورفتگی، فاصلهٔ حروف و کلمات، ارتفاع خط، حاشیه و نوع بولت لیست هم در دسترسه، و میشه واحد اندازهٔ فونت و حداکثر عرض رو بهصورت سراسری تغییر داد.
کار با خود پنل رایگانه، ولی ذخیرهٔ لیاوتها، ساختن لینک اشتراکی برای نشوندادنشون به بقیه و گرفتن خروجی CSS نیاز به ساخت حساب کاربری داره. یه پلن Pro ماهانه هم برای امکانات بیشتر ارائه میشه که پرداختش از طریق Stripe انجام میشه.
نکات کلیدی:
- محیط زنده برای آزمایش خصوصیات پیشرفتهٔ تایپوگرافی CSS
- کنترل کامل روی small caps، لیگاچرها و فرمهای عددی
- تنظیم text-wrap و کرنینگ و optical sizing
- گزینههای سینتز وزن و استایل و small caps
- ذخیره و اشتراک لیاوت و خروجی CSS با حساب کاربری، بهعلاوهٔ پلن Pro ماهانه
