איך זה עובד
1. העלאת תמונה — גרור ושחרר או לחץ כדי להעלות כל תמונה שמכילה טקסט
2. קבלת התאמות — צפה בגופני Google Fonts המתאימים ביותר עם תצוגה חיה וקוד מוכן להעתקה
למה לבנות כלי לחיפוש גופני Google?
כש-Google Fonts הושק לראשונה היו בו רק 19 גופנים. היום יש בו יותר מ-1900 משפחות גופנים. למצוא את הגופן הנכון זה כמעט בלתי אפשרי.
חוץ מזה, בתור מעצב עם תקציב מוגבל, אני משתמש כמעט רק ב-Google Fonts. הם חינמיים, קלים להטמעה ועובדים בכל מקום. אבל בכל פעם שחיפשתי "חלופה מ-Google Fonts לגופן _____", מצאתי את עצמי גולש באותם בלוגים של עיצוב ובאותם דיונים ב-Reddit, ורואה את אותן הצעות ישנות. וזה מעצבן, כי יש כל-כך-כך הרבה משפחות גופנים לבחור מהן.
ואם השתמשת באתרים לזיהוי גופנים, אולי שמת לב שהם מזהים בעיקר גופנים מסחריים ופרימיום שהשימוש בהם בפרויקט אינטרנט עולה אלפי דולרים. בניתי את הכלי הזה כדי להתמקד אך ורק בגופנים בקוד פתוח / חינמיים / Google Fonts.
ולבסוף, לאחרונה הוספתי אפשרות לבחור כל גופן של Google לאתר שלי TaperCraft, שמיועד ליצירת עטיפות לדיסקים, קלטות, VHS ו-DVD ועוד. ואז הבנתי שאני צריך דרך לזהות גופני Google.
זוכרים מתי What the Font היה טוב?
כש-"What the Font?" יצא לראשונה, הוא היה מדהים. אבל מאז הוא רק הולך ונהיה גרוע יותר.
יש אתרים חדשים, אבל לדעתי לכל אתרי חיפוש הגופנים יש ממשקים מלחיצים. אז רציתי לבנות משהו נעים, עם כמה שיפורים. למשל אפשרות להדביק תמונות מהלוח, טעינה מהירה יותר והצגת יותר תוצאות. בנוסף, לכל תוצאה יש כפתור הורדה ישיר, כפתור להעתקת שם הגופן ועוד שיפורי נוחות קטנים שנראה שאין לאחרים.
וגם אם הגופן שאתה מחפש לא קיים ב-Google Fonts, האתר הזה ימצא כמה גופנים שנראים מספיק דומים. כך שזה גם כלי מצוין למציאת גופני Google דומים. בניתי אותו בשביל עצמי, והוא היה ממש שימושי עבורי, אז אני מקווה שהוא יהיה שימושי גם לך.
טיפים של מקצוענים
- השתמש בצילום מסך נקי וברור של הגופן שאתה מנסה לזהות. תמונות רועשות או מצולמות בזווית פוגעות בתוצאות.
- אפשר להדביק תמונות ישירות עם Cmd + V (או Ctrl + V במחשב PC).
- אפשר להסיר את הפרסומות על ידי הצטרפות כתומך ומנוי (6 דולר לחודש) דרך אתר TaperCraft שלי למדיה פיזית.
עוד טיפ-על אם אתה על Mac: לחץ "Cmd + Shift + 4" ואז החזק את "control" בזמן בחירת אזור במסך כדי להעתיק את התמונה ללוח. אחר כך חזור לאתר והדבק אותה כדי לזהות את הגופן.
שאלות נפוצות
איך מזהים גופן מתוך תמונה? העלה צילום מסך או תמונה שמכילה את הטקסט שברצונך לזהות. הכלי מנתח את הטיפוגרפיה ומציג את הגופנים הקרובים ביותר מ-Google Fonts, שבהם אפשר להשתמש בחינם.
מהו כלי זיהוי הגופנים החינמי הטוב ביותר? רוב כלי זיהוי הגופנים מציעים גופני פרימיום שצריך לשלם עליהם. הכלי הזה מתאים ספציפית מול Google Fonts, כך שכל תוצאה חינמית לשימוש בפרויקטים שלך.
איך מוצאים גופן של Google שדומה לגופן אחר? העלה תמונה של הגופן שאהבת, ותקבל רשימה של גופני Google דומים, מדורגים לפי מידת ההתאמה. כל תוצאה כוללת תצוגה חיה וקוד מוכן להעתקה.
האם גופני Google Fonts חינמיים לשימוש מסחרי? כן. כל גופני Google Fonts הם בקוד פתוח וחינמיים לפרויקטים אישיים ומסחריים כאחד. בלי דמי רישוי ובלי חובת קרדיט.
איך מוסיפים גופן של Google לאתר שלי? כל תוצאת גופן כוללת קוד CSS import להעתקה. הדבק אותו בקובץ הסגנונות שלך, ואז השתמש ב-font-family ב-CSS. אפשר גם ללחוץ על "הורדת הגופן" כדי לעבוד איתו במחשב שלך.
מה אם הגופן המדויק לא קיים ב-Google Fonts? גופנים רבים הם בתשלום או קנייניים. הכלי מוצא את החלופות החינמיות הקרובות ביותר מ-Google Fonts, עם מאפיינים דומים כמו משקל, סגנון ופרופורציות.
איך אתה מזהה גופנים – זה AI? פחות או יותר. AI מצטיין בקריאת הטקסט ובזיהוי הצורות הבסיסיות של האותיות, אבל גרוע בהתאמתן לגופנים אמיתיים. לכן אני משלב אותו עם שרת גופנים שמוצא את הגופנים הכי דומים. קראו עוד על איך זה עובד.
היי, אני Tex ואני עובד על שלל פרויקטים מגניבים שאפשר לראות ב-texs.org! מוזמן לשלוח לי מייל או לשלוח לי הודעה פרטית: