افحص الخطوط في أي صفحة
مرّر المؤشر وانقر على النص لعرض الخط والحجم والوزن والنمط واللون مباشرة — بجانب العنصر أو في الشريط الجانبي — دون فتح DevTools.
what the font - font finder
حدّد الخط وطباعة CSS على أي عنصر في صفحة الويب — العائلة والحجم والوزن وارتفاع السطر وتباعد الأحرف واللون والتباين — ثم انسخ أو صدّر ما تحتاجه دون مغادرة علامة التبويب.
مصممة للطباعة المباشرة
الميزات
تفاصيل الطباعة المهمة
اطّلع على ارتفاع السطر وتباعد الأحرف والتحويل والزخرفة والتباين (بما في ذلك مؤشرات AAA/AA) في لوحة واحدة.
انسخ CSS بنقرة واحدة
انسخ عائلة الخط أو اللون أو مقتطف CSS جاهز للعنصر الذي فحصته.
عدّل الأنماط على الصفحة
عدّل الوزن والحجم والتباعد واللون والمزيد على العنصر مباشرة، ثم أعد التعيين عند الانتهاء من الاستكشاف.
جميع خطوط الصفحة
امسح أنماط النص الفريدة في الصفحة وانتقل بينها بسرعة عند مراجعة نظام التصميم.
التصدير و Google Fonts
صدّر الطباعة بصيغة SCSS أو JSON، أو افتح بحث Google Fonts عن العائلة التي وجدتها.
بسيطة بالتصميم
من نحن
إضافة Chrome تعرض الطباعة المباشرة — الخط والحجم والوزن واللون والتباين — لتفحص الخطوط ونسخها وتصديرها من أي صفحة ويب.
- —
- إجمالي الاستخدام المنشور
- —
- عدد المراجعات الموثّقة
Chrome Web Store
آراء المستخدمين
أمثلة توضيحية للملاحظات — ستُستبدل بمراجعات Chrome Web Store عند الربط.
★★★★★
“أستطيع الحصول على العائلة والوزن واللون السداسي من موقع مباشر دون فتح DevTools.”
★★★★★
“نسخ CSS والتباين في لوحة واحدة هو بالضبط ما أحتاجه أثناء المراجعات.”
★★★★★
“«جميع خطوط الصفحة» تساعدني على اكتشاف الخطوط غير المتسقة في صفحة الهبوط بسرعة.”
ثلاث خطوات سريعة
كيفية الاستخدام
-
ثبّت الإضافة
أضف what the font - font finder من Chrome Web Store وثبّتها على شريط الأدوات.
-
ابدأ الفحص
افتح النافذة المنبثقة، وابدأ الفحص، ثم مرّر المؤشر وانقر على أي نص في الصفحة.
-
انسخ أو صدّر
انسخ CSS، أو صدّر الأنماط، أو افتح Google Fonts، أو تصفّح جميع خطوط الصفحة.
إجابات قبل التثبيت
الأسئلة الشائعة
كيف أحدّد خطًا على موقع ويب؟
ثبّت what the font - font finder، وابدأ الفحص، ومرّر المؤشر فوق النص وانقر — ستفتح لوحة تعرض العائلة والحجم والوزن واللون.
هل يمكنني نسخ CSS للنص الذي أراه؟
نعم. من اللوحة يمكنك نسخ عائلة الخط أو اللون أو مقتطف CSS للعنصر الذي فحصته.
هل يعمل على كل صفحة؟
يعمل على علامات تبويب المواقع العادية. صفحات نظام Chrome وبعض عناوين URL المقيدة لا يمكن فحصها.
هل يمكنني رؤية جميع الخطوط المستخدمة في الصفحة؟
استخدم «جميع خطوط الصفحة» لعرض أنماط النص المرئية الفريدة وفتح أي منها في لوحة التفاصيل.
هل يمكنني تغيير المظهر أثناء الفحص؟
نعم. عدّل الوزن والحجم والتباعد واللون والأنماط ذات الصلة على العنصر، ثم أعد التعيين لاستعادة الأصل.
من أين أفتح Google Fonts؟
عندما يبدو اسم العائلة قابلاً للبحث، استخدم إجراء Google Fonts في اللوحة لفتح استعلام بذلك الاسم.