44. تعلم تصميم المواقع – تعلم CSS3: تنسيق الخطوط

44. تعلم تصميم المواقع – تعلم CSS3: تنسيق الخطوط

بسم الله الرحمان الرحيم

شاهد أيضاً: تعلم تصميم المواقع – تعلم HTML, HTML5, CSS, CSS3: المقدمة

شاهد أيضاً: إدخال البيانات في مواقع ويب

شاهد أيضاً: تركيب مواقع ووردبريس

شاهد أيضاً: تصميم صفحة ويب HTML5, CSS3, JavaScript

تنسيق الخطوط Font Face:

يمكن استخدام خطوط خارجية ووضعها في الصفحة لتنسيق النصوص وميزة هذه الخاصية ان الخط يعمل في الصفحة حتى وإن كان غير موجود على نظام التشغيل (ويندوز، ماك، لينكس…)

قائمة الخطوط (مثال):

http://google.com/fonts

بنية الكودsyntaxe:

@font-face { }

font-family: اسم عائلة الخط

src: مصدر الخط

يجب وضع الخطوط بجميع الصيغ حتى تشتغل على كل المتصفحات:

TTF: True Type Font

EOT: Embedded Type Font

OTF: Open Type Font

WOFF: Web Open Font

WOFF2: Web Open Font 2

SVG: Scalable Vector Graphic

مثال:

تنسيق css3:

css3 45

الشكل على المتصفح:

css3 45 1

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *