‏Geist Serif: عضو تازه خانواده فونت Vercel

Vercel یه عضو جدید به خانواده فونت Geist اضافه کرده: Geist Serif. این خانواده اول با Geist Mono برای ترمینال و ادیتور شروع شد، بعد Geist Sans برای رابط کاربری اومد و بعدش Geist Pixel. Geist Serif یه display serif با کنتراست بالاست (یعنی فونتی برای تیترها و اندازه‌های بزرگ، نه متن بدنه) که خطوط مویی تیز و سریف‌های دندونه‌دار داره.

به گفته تیم Vercel، خیلی از برندهای فناوری برای اینکه شخصیت بیشتری داشته باشن سراغ حال‌وهوای تبلیغات قدیمی کامپیوتر رفتن. ولی Geist Serif مسیر دیگه‌ای رفته: طراحی مُد و تیترهای مجله‌هایی مثل Rolling Stone و Harper's Bazaar. طراحی با اسکچ‌های Evil Rabbit شروع شد، Andrés Briganti گسترشش داد و Mark Davis کار رو تموم کرد. چون نمایشگرهای امروزی جزئیات ریز رو خوب نشون می‌دن، همه downstrokeها (خط‌هایی که قلم از بالا به پایین می‌کشه) ۵۰٪ نازک‌تر شدن و فاصله کناری حروف هم کمتر شد.

مهم‌ترین نکته فنی برای توسعه‌دهنده‌ها اینه که cap height و x-height (یعنی ارتفاع حروف بزرگ و کوچک) دقیقاً مثل Geist Sans هست: UPM برابر 1000، cap height برابر 710 و x-height برابر 530. پس می‌شه فونت رو توی هر چیدمان Geist گذاشت بدون اینکه خطی جابه‌جا بشه. فقط ascender و descender فرق دارن (750 و -200 در برابر 710 و -150).

مثل Geist Pixel، این فونت هم یه محور متغیر به اسم Element Shape (ELSH) داره که شکل همه نقطه‌ها رو عوض می‌کنه، حتی نقطه روی i و j. چهار حالت داره: Regular با نقطه گرد، Square، Triangle (اشاره به لوگوی Vercel) و Heart. هر حالت یه فایل استاتیک جدا هم داره و با font-variation-settings قابل انتخابه. تعداد گلیف‌ها از ۲۲۷ در ماه جولای به ۸۹۴ رسیده و ۳۵۲ زبان با خط لاتین رو پوشش می‌ده.

فونت توی همون پکیج geist هست و با npm i geist نصب می‌شه. هر حالت entry point جدا داره، مثلاً GeistSerifRegular از مسیر geist/font/serif/regular با متغیر CSS به اسم --font-geist-serif-regular. این‌طوری فقط فایل فونتی که استفاده می‌کنی توی باندل میاد. توی Next.js کافیه GeistSerifRegular.variable رو به className تگ html بدی.

طبق گفته تیم، این فقط شروعه. وزن‌ها قراره از Thin (100) تا Black (900) برن، یه نسخه متنی برای بدنه در دست ساخته و یه نسخه ایتالیک هم با Python و بر اساس قانون‌هایی که از مقایسه ایتالیک‌ها با حالت عادی درآوردن ساخته می‌شه. پشتیبانی از سیریلیک و انتشار روی Google Fonts هم برنامه‌ریزی شده.

نکات کلیدی:

• فعلاً فقط وزن Regular با ۸۹۴ گلیف و ۵ stylistic set (ss01 تا ss05)
• cap height برابر 710 و x-height برابر 530، دقیقاً مثل Geist Sans
• محور متغیر ELSH با چهار حالت Regular، Square، Triangle و Heart
• نصب با پکیج geist و import جدا برای هر حالت مثل geist/font/serif/regular
• وزن‌های 100 تا 900، ایتالیک، سیریلیک و Google Fonts در راهن