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

تم تصميم أحفادهم الرقمية للعمل بالطريقة نفسها تمامًا. يمكن دمج كل نمط في عائلة خط الطبقة مع الأنماط التكميلية لتشكيل مركب.

عادة ما يكون هناك نمط منتظم (أو ملء) يمكن استخدامه بشكل مستقل ثم عدة أنماط تكميلية ، مثل الخطوط العريضة والديكورات ، التي يمكن إضافتها في الأعلى. لا يمكن استخدام الأساليب التكميلية بشكل عام بشكل مستقل ، بل يجب استخدامها مع نمط واحد آخر على الأقل ليكون مقروءًا. العديد من أسر الخط الطبقة تأتي أيضا مع نمط مركب الجاهزة.

خطوط الطبقات في المتصفح

في Photoshop ، أو Illustrator ، أو أي برنامج رسومات آخر يستخدم الطبقات ، فإن خطوط الطبقات تكون بسيطة بما فيه الكفاية ، ولكن كيف يعمل هذا في المتصفح؟

طبقات الخطوط مع divs

نهج واحد هو إنشاء عدة

  باستخدام Layer Fonts في CSS 
  باستخدام Layer Fonts في CSS 
  باستخدام Layer Fonts في CSS 
  / * CSS * / # first، #second، #third {display: block؛ position: absolute؛ top: 10px؛ left: 5px؛} h1 {font: 5em 'One'؛ color: rgba (200،0،0، .85)؛} # h1 الثانية {font-family: 'Two'؛ color: rgba (0،200،0، .85)؛} # h1 {font-family: 'Three' ؛ اللون: rgba (0،0،200 ، 0.85)؛}