התאמת גופנים וספריית Google Fonts
עיין בספרייה אצורה של גופני Google פופולריים עם תצוגות מקדימות חיות, סנן לפי קטגוריה וחפש לפי שם, ואז העתק CSS מוכן להדבקה וגלה התאמות גופנים מוצעות — הכל בדפדפן שלך.
הכל פועל בדפדפן שלך — גופנים נטענים מ-Google Fonts רק לתצוגה מקדימה חיה, שום דבר לא מועלה, ללא הרשמה, חינם לחלוטין.
כותרת המעוצבת בגופן ה-display
וכאן פסקה של טקסט גוף המעוצב בגופן הטקסט המותאם. התאמות גופנים טובות מאזנות אופי וקריאוּת: גופן כותרת בעל אופי מושך את העין, בעוד גופן גוף נקי ונוח שומר על קלות קריאה של קטעים ארוכים. לחץ "CSS" כדי להעתיק את שתי שורות ה-@import ואת חוקי ה-font-family עבור הכותרות והטקסט שלך.
אודות התאמת גופנים וספריית Google Fonts
ספריית הגופנים הזו אוספת 80 גופני Google Fonts פופולריים בדף אחד הניתן לחיפוש, כל אחד מוצג כדגימה חיה עם שורת דוגמה פנגרמית, שורת אלף-בית וספרות, ותג קטגוריה. היא מכסה חמש משפחות טיפוגרפיה — sans-serif, serif, display, כתב יד ומונוספייס — כך שתוכלו להשוות צורות אותיות אמיתיות במקום לנחש מהשמות.
כל כרטיס גופן כולל הצעות שילוב מוקפדות: גופנים שותפים שעובדים היטב יחד לכותרות ולגוף הטקסט. לחיצה על תג שילוב פותחת תצוגה מקדימה המציבה כותרת בגופן אחד ופסקה בגופן השני, כך שתוכלו לשפוט את השילוב בהקשר לפני שתתחייבו אליו.
כשגופן או שילוב מתאים, לחיצה אחת מעתיקה CSS מוכן להדבקה — שורת @import לגליון הסגנון של Google Fonts בתוספת מחסנית font-family התואמת עם חלופה סבירה. גופנים נטענים מ-Google Fonts רק עבור התצוגות המקדימות החיות; שום דבר שאתם מקלידים אינו מועלה לשום מקום.
כיצד להשתמש ב-התאמת גופנים וספריית Google Fonts
- עיינו בכרטיסי הגופנים, כל אחד מציג את שמו, תג הקטגוריה שלו וטקסט דוגמה חי במשפחת הגופן האמיתית.
- השתמשו בתיבת החיפוש כדי למצוא גופן לפי שם, או לחצו על תג קטגוריה (Sans-serif, Serif, Display, Handwriting, Monospace) כדי לסנן את הרשת.
- גררו את מחוון הגודל (16–72 פיקסלים) כדי לתצוגה מקדימה של שורת הדוגמה בגודל הכותרת או גוף הטקסט היעד שלכם.
- לחצו על תג "משתלב עם" או על כפתור "תצוגה מקדימה של שילוב" כדי לראות כותרת ופסקת גוף מוצבות בשילוב המומלץ.
- לחצו על כפתור ה-"CSS" בכרטיס או בתצוגה המקדימה של השילוב כדי להעתיק את שורת ה-@import ואת הצהרות ה-font-family ללוח ההעתקה שלכם.