غالبا ما تستخدم صفحات الويب مجموعة متنوعة من الخطوط لإنشاء مظهر جذاب وفريد من نوعه. إذا كنت مهتما بتحديد الخطوط المستخدمة في موقع معين ، فهناك عدة طرق للتعرف على هذه المعلومات.
الطريقة الأولى هي استخدام الأدوات المدمجة لمتصفحات الويب المختلفة. تسمح لك معظم المتصفحات الحديثة بعرض الكود المصدري لصفحة الويب. باستخدام اختصار لوحة المفاتيح (على سبيل المثال ، كترل+شيفت+ج في جوجل كروم) ، يمكنك فتح أدوات المطور واستكشاف بنية رمز هتمل والأساليب المطبقة على العناصر. داخل علامات عائلة الخط المغلق ، يمكنك العثور على معلومات حول الخطوط المستخدمة لهذا العنصر.
بالإضافة إلى ذلك ، هناك خدمات الويب وملحقات المتصفح التي ستساعدك على تحديد الخطوط على صفحة الويب. توفر بعض خدمات الويب القدرة على إدخال عنوان ورل لصفحة الويب والحصول على معلومات حول الخطوط المستخدمة.
من المهم ملاحظة أن بعض الخطوط قد تكون مضمنة في الصور على الموقع ، ولا يمكن تحديدها باستخدام البيانات النصية. ومع ذلك ، غالبا ما يستخدم معظم المحتوى ، بما في ذلك العناوين والفقرات والروابط ، خطوطا نصية يمكن تحديدها باستخدام الطرق الموضحة أعلاه.
- تحديد الخطوط على الموقع
- طرق تحديد الخطوط المستخدمة
- عرض نمط الصفحة
- استخدام أدوات المطور
- البحث في رمز الصفحة
- تحليل علامات النمط والملفات المتصلة
تحديد الخطوط على الموقع
غالبا ما يكون هناك موقف عندما يريد المستخدم معرفة الخطوط المستخدمة على موقع الويب الذي يهتم به. يمكن أن يكون هذا مفيدا إذا كنت تريد استخدام نفس الخطوط أو الخطوط المماثلة في مشروعك.
هناك عدة طرق لتحديد الخطوط على موقع الويب. الطريقة الأولى والأسهل هي استخدام أدوات مطور متصفح الويب.
افتح موقع الويب الذي تهتم به في أي متصفح ويب حديث مثل جوجل كروم أو موزيلا فايرفوكس.
انقر بزر الماوس الأيمن على النص الموجود على صفحة الويب وحدد" استكشاف العنصر "أو"عرض رمز العنصر".
تفتح لوحة المطور ، حيث سيتم عرض رمز هتمل وخصائص كس للعنصر الذي تم النقر عليه بالماوس.
في رمز هتمل ، ابحث عن العلامة التي تحتوي على النص وانتبه إلى سمة نمط "عائلة الخط". ستشير هذه السمة إلى الخط المستخدم لهذا النص.
إذا كنت لا ترغب في استخدام أدوات المطور ، يمكنك استخدام الخدمات عبر الإنترنت التي تسمح لك بالعثور على الخطوط على الموقع. ما عليك سوى نسخ عنوان ورل لصفحة الويب التي تهتم بها ولصقها على موقع الويب المناسب أو في الأداة.
ستهتم بعض مواقع الويب والأدوات أيضا بخيارات الخطوط الإضافية مثل الحجم أو اللون أو التشبع.
الآن أنت تعرف كيفية تحديد الخطوط على الموقع. لا تنس مراعاة حقوق النشر عند استخدام الخطوط في مشروعك.
طرق تحديد الخطوط المستخدمة
هناك عدة طرق لمعرفة الخطوط المستخدمة على صفحة الويب:
- تعرف على الخطوط المدرجة داخل هذه العلامات.
- باستخدام أدوات مطور المتصفح-افتح صفحة ويب في المتصفح ، وانقر بزر الماوس الأيمن على الصفحة وحدد "عرض رمز العنصر" أو "فحص العنصر". في النافذة التي تفتح ، ابحث عن قسم" الأنماط "أو" الأنماط "وانتقل عبر قائمة الأنماط إلى كتلة" عائلة الخط "أو" الخط". سيتم سرد الخطوط المستخدمة هنا.
- استخدام الأدوات عبر الإنترنت-هناك أدوات عبر الإنترنت تسمح لك بتحديد الخطوط المستخدمة في صفحة الويب ، حتى إذا تم تعيينها في أنماط كس. ما عليك سوى نسخ عنوان ورل لصفحة الويب في حقل خاص على هذه الأداة والنقر فوق الزر "التحقق من الخطوط". ستقوم الخدمة بإجراء تحليل وإظهار الخطوط المستخدمة.
باستخدام هذه الطرق ، ستتمكن من تحديد الخطوط المستخدمة بالضبط على صفحة الويب واستخدامها في مشاريعك.
عرض نمط الصفحة
في جوجل كروم ، على سبيل المثال ، يمكنك النقر بزر الماوس الأيمن فوق أي عنصر من عناصر الصفحة وتحديد "استكشاف". سيؤدي هذا إلى فتح أدوات المطور حيث يمكنك استكشاف نمط الصفحة وتخطيطها. في قسم الأنماط ، يمكنك العثور على معلومات حول الخطوط المستخدمة وأحجامها وإعداداتها.
في موزيلا فايرفوكس ، يمكن العثور على ميزة مماثلة في قائمة أدوات المطور. يؤدي النقر فوق هذا العنصر إلى فتح شريط أدوات المطور ، حيث يمكنك استكشاف نمط الصفحة وتخطيطها. في قسم "القواعد" ، يمكنك العثور على معلومات حول الخطوط المستخدمة.
في مايكروسوفت إيدج ، يمكنك أيضا استخدام أدوات المطور لدراسة نمط الصفحة. للقيام بذلك ، انقر بزر الماوس الأيمن على عنصر الصفحة وحدد "فحص". يمكنك العثور على معلومات حول الخطوط وأنماطها في شريط أدوات المطور.
بالإضافة إلى ذلك ، هناك أدوات عبر الإنترنت تتيح لك استكشاف نمط الصفحة بصريا. يوفر بعضها فرصة لتنزيل عنوان ورل لصفحة الويب والحصول على معلومات حول الخطوط المستخدمة.
باستخدام هذه الأدوات ، يمكنك بسهولة معرفة الخطوط المستخدمة على صفحة الويب ودراسة أسلوبها وأحجامها.
استخدام أدوات المطور
لمعرفة الخطوط المستخدمة في صفحة الويب ، يمكنك استخدام أدوات مطور متصفح الويب. تتيح لك هذه الأدوات تحليل رمز الصفحة واستكشاف هيكلها.
واحدة من أدوات المطور الأكثر شعبية هو "عنصر المفتش" ، والذي يتوفر في معظم المتصفحات الحديثة. لفتحه ، انقر بزر الماوس الأيمن على الصفحة وحدد" فحص العنصر " (أو ما شابه ذلك في المعنى).
بعد فتح "عنصر المفتش" ، تحتاج إلى تحديد عنصر الصفحة من الفائدة ، على سبيل المثال ، عنوان أو فقرة ، والعثور على قواعد كس المناسبة. في قواعد كس ، يمكنك الاطلاع على معلومات حول الخط المستخدم لهذا العنصر. عادة ، هذه هي خاصية" عائلة الخط".
يمكنك أيضا استخدام علامة التبويب الأنماط في عنصر المفتش ، حيث يتم عرض رمز كس بأكمله من الصفحة. تحتاج إلى النظر من خلال هذا الرمز والعثور على قواعد كس المتعلقة بالخطوط. عادة ما يتم تحديد الخطوط في قواعد محدد "الجسم" أو في قواعد كس منفصلة.
، فأنت بحاجة إلى العثور على هذه العلامة في شفرة هتمل للصفحة وفحص محتوياتها.
وبالتالي ، باستخدام أدوات المطور ، يمكنك بسهولة معرفة الخطوط المستخدمة على صفحة الويب والحصول على معلومات عنها.
البحث في رمز الصفحة
لمعرفة الخطوط المستخدمة في صفحة الويب ، تحتاج إلى البحث في رمز الصفحة. للقيام بذلك ، يمكنك استخدام أدوات وأساليب مختلفة.
واحدة من أسهل الطرق هي استخدام أداة المطور المضمنة في المتصفح. للقيام بذلك ، افتح صفحة ويب ، وانقر بزر الماوس الأيمن وحدد "استكشاف العنصر" أو "عرض رمز الصفحة". في نافذة المطور التي تفتح ، يمكنك العثور على القسم المسؤول عن أنماط الصفحات. في ذلك يمكنك العثور على معلومات حول الخطوط المستخدمة وخصائصها.
طريقة أخرى هي البحث عن فئة كس محددة أو معرف مرتبط بالنص على الصفحة. يمكنك استخدام وظيفة البحث على صفحة ويب (تسمى عادة بالضغط كنترول+و). في حقل البحث ، يمكنك إدخال اسم الفئة أو المعرف المرتبط بالنص والضغط على إدخال. إذا تم عرض النتائج التي تم العثور عليها في رمز الصفحة ، فيمكنك فحص الأنماط المناسبة والعثور على معلومات حول الخطوط المستخدمة.
يمكنك أيضا استخدام الأدوات عبر الإنترنت التي تساعدك على تحديد الخطوط المستخدمة في صفحة الويب. بعض منهم يسمح لك لتحليل هتمل و كس رمز وعرض معلومات حول الخطوط المستخدمة على الصفحة.
بشكل عام ، باستخدام هذه الطرق ، من الممكن تحديد الخطوط المستخدمة على صفحة الويب بدقة ودراسة خصائصها.
تحليل علامات النمط والملفات المتصلة
لمعرفة الخطوط المستخدمة في صفحة الويب ، يمكنك تحليل علامات النمط والملفات المرفقة. سيساعدك هذا في تحديد الخطوط المحددة المستخدمة في عناصر مختلفة من الصفحة.
1. علامات النمط: انتقل إلى منطقة الرمز وابحث عن كتلة علامة النمط. عادة ما يتم وضعها داخل علامة. داخل هذه الكتلة يمكنك العثور على قواعد كس التي تحدد أنماط العناصر على الصفحة ، بما في ذلك الخطوط.
على سبيل المثال:
في هذا المثال ، يمكنك أن ترى أن الفقرات في الصفحة تستخدم الخط الأريال أو غيرها من الخطوط بلا الرقيق ، والعناوين من المستوى الأول استخدام تايمز نيو رومان الخط أو الخطوط الرقيق الأخرى.
2. ملفات الخطوط المتصلة: يمكنك أيضا التحقق من ملفات الخطوط المتصلة على الصفحة. يمكن القيام بذلك عن طريق الانتقال إلى منطقة التعليمات البرمجية والبحث عن العلامات أو العلامات المرتبطة بتوصيل الخطوط.
على سبيل المثال: