CSS3 الخط
قوانين CSS3 @ الخط وجه
الإصدارات السابقة من CSS3، كان مصممي المواقع الإلكترونية لاستخدامها في جهاز الكمبيوتر الخاص بالمستخدم تم بالفعل تثبيت الخطوط.
استخدام CSS3، يمكن لمصممي الويب استخدام أيا كان الخط هو / هي يحب.
عندما تجد الملف الذي تريد استخدام الخط، وببساطة يتم تضمين ملف الخط في الموقع، وسوف يتم تحميلها تلقائيا إلى احتياجات المستخدمين.
الخط الذي تختاره في الإصدار الجديد على CSS3 @ وصف القاعدة الخط وجه.
وتعرف الخطوط الخاصة بك "الخاصة" في CSS3 @ حكم الخط وجه.
دعم المتصفح
الأرقام الواردة في الجدول تمثل أول متصفح لدعم رقم الإصدار للممتلكات.
属性 | |||||
---|---|---|---|---|---|
@font-face | 4.0 | 9.0 | 3.5 | 3.2 | 10.0 |
إنترنت إكسبلورر 9+، فايرفوكس، كروم، سفاري، وأوبرا دعم WOFF (تنسيق ويب فتح خط) الخطوط.
فايرفوكس، كروم، سفاري، وأوبرا ال ttf الدعم (صحيح نوع الخطوط) و.otf (أوبن) الخط نوع الخط).
كروم، سفاري وأوبرا أيضا دعم الخطوط SVG / انهار.
كما يدعم انترنت اكسبلورر محكمة تكافؤ الفرص (أوبن جزءا لا يتجزأ) الخطوط.
ملاحظة: إنترنت إكسبلورر 8 والإصدارات السابقة لا تدعم جديدة للحكم @ الخط وجه.
تحتاج إلى استخدام الخط
في جديد @ حكم الخط وجه، يجب عليك أولا تحديد اسم الخط (مثل myFirstFont)، ثم أشر إلى ملف الخط.
نصيحة: URL استخدام الخط اللاتيني، وحروف في IE تسفر عن نتائج غير متوقعة |
لاستخدام الخط للعنصر HTML، للإشارة إلى اسم الخط (myFirstFont) من خلال خصائص الخط بين أفراد الأسرة:
أمثلة
@font-face
{
font-family: myFirstFont;
src: url(sansation_light.woff);
}
div
{
font-family:myFirstFont;
}
</style>
محاولة »
استخدام نص عريض
يجب إضافة @ قاعدة أخرى الخط وجه تحتوي على نص عريض:
أمثلة
{
font-family: myFirstFont;
src: url(sansation_bold.woff);
font-weight:bold;
}
محاولة »
ملف "Sansation_Bold.ttf" هو ملف خط آخر يحتوي على Sansation بحروف بارزة الخط.
باستخدام هذا النص متصفح الساعة عائلة الخط "myFirstFont" يجب أن تكون المقدمة كما جريئة.
لذلك يمكن أن يكون العديد من نفس الخط @ حكم الخط وجه.
CSS3 وصف الخط
يسرد الجدول التالي كل وصف الخط وداخل التعريف @ حكم الخط وجه:
واصفات | قيمة | وصف |
---|---|---|
الخط بين أفراد الأسرة | اسم | المطلوبة. أحكام اسم الخط. |
SRC | URL | المطلوبة. تعريف ملف الخط URL. |
الخط تمتد |
| اختياري. تحديد كيفية رسم الخط. الافتراضي هو "عادي". |
على غرار الخط |
| اختياري. يحدد نمط الخط. الافتراضي هو "عادي". |
الخط الوزن |
| اختياري. وزن خط مخصص. الافتراضي هو "عادي". |
يونيكود المدى | يونيكود المدى | اختياري. خط مخصص مجموعة دعم الطابع يونيكود. الافتراضي هو "U + 0-10FFFF". |