Stylepack

الخطوط

الخطوط التي يستخدمها voiceflow.com

يستخدم voiceflow.com الخط Tiempos Headline-81ad1a66702885c1 لعناوينه والخط UCity Pro-8cd2cb40d9534eaf لنصه الأساسي. Tiempos Headline-81ad1a66702885c1 خط مرخّص يقدّمه الموقع بنفسه. أقرب بديل مجاني على Google Fonts: Newsreader, Inter.

تم القياس من voiceflow.com قبل 4 أيام.

افتح حزمة التصميم الكاملةتنزيل الحزمة

عائلات الخطوط

4 عائلات خطوط
Tiempos Headline-81ad1a66702885c1
يُستخدم في
h1, h2
المصدر
مستضافة ذاتيًا
البديل المجاني
Newsreader
UCity Pro-8cd2cb40d9534eaf
يُستخدم في
h3, body, label, button
المصدر
مستضافة ذاتيًا
البديل المجاني
Inter
Fira Code-3bf965ca37a74b48
يُستخدم في
code
المصدر
مستضافة ذاتيًا
البديل المجاني
Inter
UCity Pro
يُستخدم في
button
المصدر
بديل Inter
البديل المجاني
Inter

CSS لإعادة إنتاجه

متغيرات الخطوط مع البديل المجاني في سلسلة الخطوط، فيعمل CSS نفسه مع الخط المرخّص أو بدونه.

:root {
  --font-heading: "Tiempos Headline-81ad1a66702885c1", "Newsreader", sans-serif; /* Newsreader stands in for Tiempos Headline-81ad1a66702885c1 */
  --font-body: "UCity Pro-8cd2cb40d9534eaf", "Inter", sans-serif; /* Inter stands in for UCity Pro-8cd2cb40d9534eaf */
  --font-mono: "Fira Code-3bf965ca37a74b48", "Inter", monospace; /* Inter stands in for Fira Code-3bf965ca37a74b48 */
  --font-button: "UCity Pro", "Inter", sans-serif; /* Inter stands in for UCity Pro */
  --font-size-base: 14px;
}

كيف يُضبط النص

headline-displayQuick brown foxTiempos Headline-81ad1a66702885c1 / 72px / 300 / lh 76.32px / -2.16px
headline-lgQuick brown foxTiempos Headline-81ad1a66702885c1 / 48px / 300 / lh 55.68px / -0.96px
headline-mdQuick brown foxUCity Pro-8cd2cb40d9534eaf / 24px / 400 / lh 28.8px / -0.48px
body-mdThe quick brown fox jumps over the lazy dogUCity Pro-8cd2cb40d9534eaf / 14px / 400 / lh 22px
label-mdThe quick brown fox jumps over the lazy dogUCity Pro-8cd2cb40d9534eaf / 12px / 400 / lh 1.42
buttonThe quick brown fox jumps over the lazy dogUCity Pro / 14px / 400 / lh 20px
codeconst pack = extract(url)Fira Code-3bf965ca37a74b48 / 12px / 400 / lh 18.6px
أحجام الخطوط المستخدمة
101112141516182428364872

لوكلاء الذكاء الاصطناعي

الحزمة نص عادي بلا مفتاح: اجلب DESIGN.md، أو سلّم الحزمة كاملة إلى Claude Code أو Cursor أو Copilot عبر خادم MCP.

curl -s https://stylepack.ai/packs/voiceflow.com/DESIGN.md

أسئلة

ما الخط الذي يستخدمه voiceflow.com؟

يستخدم voiceflow.com الخط Tiempos Headline-81ad1a66702885c1, UCity Pro-8cd2cb40d9534eaf, Fira Code-3bf965ca37a74b48, UCity Pro. العناوين بخط Tiempos Headline-81ad1a66702885c1 والنص الأساسي بخط UCity Pro-8cd2cb40d9534eaf، مقاسة من الموقع كما يُعرض فعلًا، لا من ملف الأنماط.

هل خط voiceflow.com مجاني الاستخدام؟

لا. Tiempos Headline-81ad1a66702885c1 خط مرخّص يقدّمه voiceflow.com بنفسه. أقرب بديل مجاني هو Newsreader, Inter، متاح على Google Fonts. يضعه كود CSS في هذه الصفحة ضمن سلسلة الخطوط كبديل.

كيف أحصل على الطباعة نفسها التي يستخدمها voiceflow.com في مشروعي؟

نزّل حزمة تصميم voiceflow.com من Stylepack: تحتوي على سلسلة الخطوط وسلّم الأحجام وكل أنماط النصوص ولقطات الشاشة، بصيغة يستطيع وكيل برمجة بالذكاء الاصطناعي مثل Claude Code أو Cursor البناء منها.