كيف تعمل الأداة
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 Fonts المشابهة مرتبة حسب درجة التطابق. كل نتيجة تتضمن معاينة حية وكودًا جاهزًا للنسخ.
هل خطوط Google Fonts مجانية للاستخدام التجاري؟ نعم. جميع خطوط Google Fonts مفتوحة المصدر ومجانية للمشاريع الشخصية والتجارية على حد سواء. لا رسوم ترخيص ولا حاجة لذكر المصدر.
كيف أضيف خطًا من Google Fonts إلى موقعي؟ كل نتيجة خط تتضمن كود CSS import يمكنك نسخه. الصقه في ملف الأنماط لديك، ثم استخدم font-family في CSS الخاص بك. أو يمكنك الضغط على "تنزيل الخط" للعمل به على جهازك.
ماذا لو لم يكن الخط نفسه موجودًا في Google Fonts؟ كثير من الخطوط مدفوعة أو محمية الملكية. تعثر هذه الأداة على أقرب البدائل المجانية من Google Fonts التي تشاركها خصائص مثل الوزن والأسلوب والنسب.
كيف تتعرّف على الخطوط؟ هل هذا ذكاء اصطناعي؟ نوعًا ما. الذكاء الاصطناعي ممتاز في قراءة النص والتعرّف على الأشكال الأساسية للحروف، لكنه سيّئ في مطابقتها بالخطوط الفعلية. لذلك أدمجه مع خادم خطوط يعثر على أقرب الخطوط تطابقًا. اقرأ المزيد عن كيفية عمل ذلك.
مرحبًا، أنا Tex وأعمل على مجموعة مشاريع رائعة يمكنك مشاهدتها على texs.org! لا تتردد في مراسلتي بالبريد أو أرسل لي رسالة خاصة: