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

גודל 34px

הכל פועל בדפדפן שלך — גופנים נטענים מ-Google Fonts רק לתצוגה מקדימה חיה, שום דבר לא מועלה, ללא הרשמה, חינם לחלוטין.


אודות התאמת גופנים וספריית Google Fonts

ספריית הגופנים הזו אוספת 80 גופני Google Fonts פופולריים בדף אחד הניתן לחיפוש, כל אחד מוצג כדגימה חיה עם שורת דוגמה פנגרמית, שורת אלף-בית וספרות, ותג קטגוריה. היא מכסה חמש משפחות טיפוגרפיה — sans-serif, serif, display, כתב יד ומונוספייס — כך שתוכלו להשוות צורות אותיות אמיתיות במקום לנחש מהשמות.

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

כשגופן או שילוב מתאים, לחיצה אחת מעתיקה CSS מוכן להדבקה — שורת @import לגליון הסגנון של Google Fonts בתוספת מחסנית font-family התואמת עם חלופה סבירה. גופנים נטענים מ-Google Fonts רק עבור התצוגות המקדימות החיות; שום דבר שאתם מקלידים אינו מועלה לשום מקום.

כיצד להשתמש ב-התאמת גופנים וספריית Google Fonts

  1. עיינו בכרטיסי הגופנים, כל אחד מציג את שמו, תג הקטגוריה שלו וטקסט דוגמה חי במשפחת הגופן האמיתית.
  2. השתמשו בתיבת החיפוש כדי למצוא גופן לפי שם, או לחצו על תג קטגוריה (Sans-serif, Serif, Display, Handwriting, Monospace) כדי לסנן את הרשת.
  3. גררו את מחוון הגודל (16–72 פיקסלים) כדי לתצוגה מקדימה של שורת הדוגמה בגודל הכותרת או גוף הטקסט היעד שלכם.
  4. לחצו על תג "משתלב עם" או על כפתור "תצוגה מקדימה של שילוב" כדי לראות כותרת ופסקת גוף מוצבות בשילוב המומלץ.
  5. לחצו על כפתור ה-"CSS" בכרטיס או בתצוגה המקדימה של השילוב כדי להעתיק את שורת ה-@import ואת הצהרות ה-font-family ללוח ההעתקה שלכם.

שאלות נפוצות

היא כוללת סט מוקפד של 80 גופני Google Fonts נפוצים הפרוסים על פני חמש קטגוריות: sans-serif, serif, display, כתב יד ומונוספייס. כל תג קטגוריה מציג מונה חי כדי שתוכלו לראות כמה גופנים תואמים את הסינון הנוכחי שלכם.

כל גופן מציג גופן שותף אחד או שניים שנבחרו ידנית ומספקים ניגודיות טובה איתו — בדרך כלל פונט display או serif לכותרות בשילוב עם גופן גוף קריא. תצוגת השילוב המקדימה מציגה את תפקידי הכותרת והגוף המדויקים עבור כל שילוב.

עבור גופן בודד, תקבלו שורת @import url() לנקודת הקצה css2 של Google Fonts (משקלים רגיל ומודגש) בתוספת מחסנית font-family עם החלופה הגנרית המתאימה. עבור שילוב, תקבלו את שתי ההצהרות import ופקודות נפרדות לכותרות ולגוף.

כן, התצוגות המקדימות החיות טוענות את משפחות הטיפוגרפיה מרשת ה-CDN של Google Fonts — זו הבקשה החיצונית היחידה של הדף. החיפושים שלכם, בחירות הסינון וה-CSS המועתק נשארים בדפדפן שלכם; שום דבר לא מועלה או נשמר.

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

אפשר לכוונן את גודל הדגימה בכל מקום בין 16 ל-72 פיקסלים עם מחוון הגודל, המעדכן את כל הכרטיסים בבת אחת. זה מקל להשוות מועמדים בגודל המדויק שבו אתם מתכננים להשתמש לכותרות או לגוף הטקסט.

שתף זאת
צריך עזרה?
נתקלת בבעיה בכלי הזה? ספר לצוות שלנו.
דיווח על בעיה

הוסיפו כלי חינמי זה לאתר שלכם — העתיקו והדביקו את הקוד שלהלן.