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