Typography Editor

עורך טיפוגרפיה מקוון למעצבים ומפתחים לגוון פונקציות גופן, רווחים והדמיה, ואז לייצא קטעי CSS לשימוש באתר.

Request Feature / Support

7,092+

Total Calculations Run

< 15ms

Browser Execution Speed

100%

Client-Side Privacy

4.9 / 5.0

User Satisfaction

AI Web Tool Generator

Build Your Own Custom Web Calculator in Seconds

Type what tool or calculator you need below. Our AI will build it instantly for your site.

אודות כלי זה

העורך מציע איזור ניסוי חי לפרופיל הגופן ופלט CSS. מעצבים ומהנדסי frontend משתמשים בו לבדיקת בחירות font-family, משקלים, גדלים, שורה וכל הקשר אותיות, ולש comparison בין נקודות עצירה. הקלטים ממופים לכללי טיפוגרפיה ויצרו תצוגה מדויקת כדי לבצע התאמות לפני שילוב הטיפוגרפיה ב-UI של המוצר.

מונחית, הכלי ממיר בחירות משתמש ל- CSS בסיסי ול tokens. תומך ביחידות px ו-rem, ממיר גדלים באמצעות גודל שורש גופן ומייצר בלוק CSS וכן קונפיגורציה JSON לבקרים בעיצוב. תמיכה אופציונלית ב-font-variation-settings עבור גופנים משתנים.

מועמדים: מעצבי UI, מהנדסי frontend ואסטרטגים תוכן המבקשים טיפוגרפיה עקבית בכל הפלטפורמות. יתרון ייחודי הוא בדיוק (יחידות, סקאלות, חלופים) והיכולת לייצא, ובכך לצמצם את הפער בין עיצוב ליישום ולספק אפשרויות ניסוי מהירות על סקאלות ורווחיות. פונקציות מרכזיות: קבוצות קלט ל-font-family, משקל, גודל, line-height ו-letter-spacing; תמיכה אופציונלית ב-URL גופן; תצוגה חיה; ייצוא CSS; ייצוא Tokens JSON; presetים רספונסיביים עבור נקודות מפסק. דוגמאות שימוש: לוחות בקרה למוצרים, דפי שיווק, דפי מוצר של מסחר אלקטרוני portals.

Save your calculation history with a free account

איך להשתמש

ספק קלטים: בחר font-family (ואפשרות URL), הגדר גודל, line-height, letter-spacing והמשקל.
בחר יחידות ופריסת תגובה אופציונית.
יצור CSS: ייצור בלוק CSS ו-tokens.
תצוגה מקדימה ועדכון: בדוק את ההדמיה באזור התצוגה.
ייצא: העתק CSS, הורד JSON או העתק קוד לדוגמה לשילוב.

Frequently Asked Questions

מצא תשובות מהירות

האם ניתן לייבא גופנים מותאמים?

כן. ספק את שם המשפחה של הגופן וקישור URL או מקור @font-face אופציונלי. העורך יוצר CSS שמתייחס ל-URL והוא יחזור לגופנים מובנים אם הטעינה נכשלה. הוא אינו מאחסן קבצי גופן.

אילו מאפייני CSS נוצרו?

ה- CSS שנוצר כולל font-family, font-size, line-height, letter-spacing, font-weight, text-transform ו-font-variation-settings אופציונלי. ניתן להוציא גם block CSS וגם JSON config לצור tokens למערכת העיצוב; מצב מתקדם מציג משתנים CSS לעיצוב נושא.

האם ניתן לייצא מספר הגדרות?

כן. הכלי תומך שמירה של מספר presets טיפוגרפיים במהלך סשן אחד. כל preset שומר font-family, גודל, line-height ומשקל. ניתן לייצא את כל presets JSON או להעתיק block CSS בודד.

האם יש מצב רספונסיבי?

כן. presets רספונסיביים מאפשרים הגדרת סקלות טיפוגרפיות עבור נקודות חיתוך. כאשר מופעל, הכלי יוצר מדיניות מדיניות מדיה rem לכל breakpoint. הוא לא אוטומטי שינויי עיצוב מחוץ לטיפוגרפיה.

Need to run multiple calculations?

Create a free account today to unlock unlimited daily runs, access advanced parameters, save your history, and request custom features.

Related Tools

Other useful calculators and utilities you might like

ממיר Spotify ל-MP3

ממיר קבצי שמע מסופקים מקומית ל-MP3, מאפשר האזנה offline ותאימות בין מכשירים למוזיקה בבעלות חוקית ואח...

מחשב מרחק דרך

מחשב מרחק דרך למטיילים, מתכנני לוגיסטיקה ונהגים כדי להעריך במהירות מרחקים וזמן בין מקומות.

מחשבון גיל

קבע במהירות את גיל האדם מבוסס על תאריך הלידה שלו עם המחשבון החינמי שלנו באינטרנט, מתאים לשימוש אישי...

הממיר מטבעות

המיר במהירות סכומים בין מטבעות שונים עם הממיר חינם שלנו, מתאים לנסיעות, עסקים וקונים בינלאומיים.

המשוב שלך חשוב

עזור לנו לשפר