الاقتران الخط الكبير في CSS
تعتبر أزواج الخطوط الرائعة ضرورية للتصميم الرائع.
قواعد اقتران الخطوط
فيما يلي بعض القواعد الأساسية لإنشاء أزواج خطوط رائعة:
1. تكملة
من الآمن دائمًا العثور على أزواج الخطوط التي تكمل بعضها البعض.
يجب تنسيق مجموعة الخطوط الرائعة ، دون أن تكون متشابهة جدًا أو مختلفة جدًا.
2. استخدم Font Superfamilies
عائلة الخط الفائقة هي مجموعة من الخطوط المصممة للعمل بشكل جيد معًا. لذا ، فإن استخدام خطوط مختلفة داخل نفس العائلة أمر آمن.
على سبيل المثال ، تحتوي عائلة Lucida الفائقة على الخطوط التالية: Lucida Sans و Lucida Serif و Lucida Typewriter Sans و Lucida Typewriter Serif و Lucida Math.
3. التباين هو الملك
غالبًا ما يتعارض خطان متشابهان جدًا. ومع ذلك ، فإن التباينات ، بالطريقة الصحيحة ، تبرز أفضل ما في كل خط.
مثال: الجمع بين serif و sans serif مزيج معروف جيدًا.
تتضمن العائلة الفائقة القوية كلاً من أشكال serif و sans serif للخط نفسه (مثل Lucida و Lucida Sans).
4. اختر رئيس واحد فقط
يجب أن يكون الخط هو الرئيس. يؤدي هذا إلى إنشاء تسلسل هرمي للخطوط على صفحتك. يمكن تحقيق ذلك من خلال تغيير الحجم والوزن واللون.
مثال
لا شك أن "جورجيا" هي الرئيسة هنا:
body {
background-color: black;
font-family: Verdana,
sans-serif;
font-size: 16px;
color: gray;
}
h1
{
font-family: Georgia, serif;
font-size: 60px;
color: white;
}
أدناه ، أظهرنا بعض أزواج الخطوط الشائعة التي تناسب العديد من العلامات التجارية والسياقات.
جورجيا وفيردانا
جورجيا وفيردانا مزيج كلاسيكي. كما أنه يلتزم بمعايير الخط الآمن للويب:
مثال
استخدم خط "Georgia" للعناوين ، و "Verdana" للنص:
Beautiful Norway
Norway has a total area of 385,252 square
kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.
Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.
هيلفيتيكا وجاراموند
Helvetica و Garamond عبارة عن مزيج كلاسيكي آخر يستخدم خطوط الويب الآمنة:
مثال
استخدم الخط "Helvetica" للعناوين ، و "Garamond" للنص:
Beautiful Norway
Norway has a total area of 385,252 square
kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.
Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.
شعبية خطوط جوجل
إذا كنت لا تريد استخدام الخطوط القياسية في HTML ، فيمكنك استخدام Google Fonts.
خطوط Google مجانية الاستخدام ، ولديها أكثر من 1000 خط للاختيار من بينها.
فيما يلي بعض عمليات اقتران خطوط الويب من Google الشائعة.
Merriweather و Open Sans
مثال
استخدم الخط "Merriweather" للعناوين ، و "Open Sans" للنص:
Beautiful Norway
Norway has a total area of 385,252 square
kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.
Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.
أوبونتو ولورا
مثال
استخدم خط "Ubuntu" للعناوين ، و "Lora" للنص:
Beautiful Norway
Norway has a total area of 385,252 square
kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.
Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.
أبريل Fatface و Poppins
مثال
استخدم خط "Abril Fatface" للعناوين ، و "Poppins" للنص:
Beautiful Norway
Norway has a total area of 385,252 square
kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.
Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.
سينزل وفاونا وان
مثال
استخدم خط "Cinzel" للعناوين ، و "Fauna One" للنص:
Beautiful Norway
Norway has a total area of 385,252 square
kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.
Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.
ماونتن وان وليبر باسكرفيل
مثال
استخدم الخط "Fjalla One" للعناوين ، و "Libre Baskerville" للنص:
Beautiful Norway
Norway has a total area of 385,252 square
kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.
Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.
الفضاء مونو ومولي
مثال
استخدم خط "Space Mono" للعناوين ، و "Muli" للنص:
Beautiful Norway
Norway has a total area of 385,252 square
kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.
Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.
طيفية وروبيك
مثال
استخدم الخط "Spectral" للعناوين ، و "Rubik" للنص:
Beautiful Norway
Norway has a total area of 385,252 square
kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.
Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.
أوزوالد ونوتو سانس
مثال
استخدم الخط "Oswald" للعناوين ، و "Noto Sans" للنص:
Beautiful Norway
Norway has a total area of 385,252 square
kilometers and a population of 5,438,657 (December 2020). Norway is bordered by
Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.
Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.
للحصول على قائمة بجميع خطوط Google المجانية ، تفضل بزيارة برنامج How To - Google Fonts Tutorial .