W3.CSS الخطوط
جعل الويب جميلة!
مع W3.CSS فمن السهل للغاية لإضافة خطوط جديدة إلى صفحة ويب.
- من السهل جدا استخدام (CSS فقط وHTML)
- استخدام غير محدود من المكتبات الخط الخارجية (مثل خطوط Google)
- يعمل في جميع المتصفحات الحديثة
باستخدام فئة الخط
مما يجعل من الانترنت!
في رأس صفحة الويب الخاصة بك (أو في ورقة النمط الخاص بك)، إنشاء فئة الخط:
مثال
.w3-myfont {
font-family: "Comic Sans MS", cursive, sans-serif;
}
في الجسم من صفحة الويب الخاصة بك، استخدم اسم الفئة:
عن طريق الخطوط الخارجية
في رأس صفحة الويب الخاصة بك، وتشمل الخط الخارجي، وإعطاء الخط فئة:
مثال
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Tangerine">
<style>
.w3-tangerine {
font-family: 'Tangerine', serif;
}
</style>في الجسم من صفحة الويب الخاصة بك، استخدم اسم الفئة:
المزيد من الأمثلة
مما يجعل من الانترنت!
مثال
<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Lobster">
انها محاولة لنفسك » مما يجعل من الانترنت!
مثال
<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Lobster&effect=brick-sign">
انها محاولة لنفسك » مما يجعل من الانترنت!
مثال
<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Allerta+Stencil">
انها محاولة لنفسك »  | تأثيرات الخط لا يعمل في برنامج Internet Explorer 9 وفي وقت سابق. |
|---|
تغيير الصفحة الخط
في رأس صفحة الويب الخاصة بك (أو في ورقة طريقتك)، بعد أن كنت قد حملت w3.css، تغيير نمط أتش تي أم أل والجسم:
مثال
<link rel="stylesheet" href="http://www.w3ii.com/lib/w3.css">
<style>
html , body {
font-family: "Comic Sans MS", cursive, sans-serif;
}
</style>
انها محاولة لنفسك »