أصبحت Google Fonts هي المورد المفضل لطباعة الويب المخصصة منذ تطويرها في عام 2010. هناك ثلاثة أسباب رئيسية جعلت Google تتصدر القائمة هنا. أولاً ، لم تكن هناك خدمات خطوط مناسبة بما يكفي ، لذا ملأت Google الفراغ. ثانيًا ، حتى في البداية ، كان التنوع الذي قدموه رائعًا نسبيًا. يوجد حاليًا أكثر من 800 خط متاح في أنماط عديدة. ثالثًا ، هذه الخطوط متاحة مجانًا ، مما يجعلها جذابة بشكل خاص.
بالإضافة إلى ذلك ، من السهل بشكل مفاجئ دمجها في مشاريع التصميم الخاصة بك. سنوضح لك كيف يمكنك تضمين خطوط Google هذه في موقع WordPress الخاص بك.
خطوط جوجل
للبدء ، ستحتاج إلى تحديد الخط الذي تريد العمل معه. هناك مجموعة متنوعة من الخيارات ، لذلك لديك قائمة كبيرة للاختيار من بينها. يمكنك العثور عليها من خلال التوجه إلى صفحة خطوط Google. إذا كنت تبحث عن خط معين ، فما عليك سوى كتابة اسم الخط في مربع البحث ويجب أن يأتي مع عينة.
هناك أيضًا معلمات بحث أخرى يمكنك استخدامها. أسفل مربع البحث مباشرة يوجد زر يسمى الفئات. إذا قمت بالنقر فوق هذا ، فسيظهر لك قائمة منسدلة بها خمسة خيارات. هذه كالتالي:
- Serif - هذه خطوط ذات خطوط قصيرة تنبع من الضربات العلوية والسفلية للحرف. تعتبر Times New Roman و Sylfaen أمثلة جيدة.
- Sans Serif - كما يوحي الاسم ، فهذه خطوط بدون تلك الخطوط الصغيرة. تميل إلى أن يكون لها جمالية بسيطة ونظيفة.
- العرض - هذه هي ما يمكن تسميته بالخطوط التي تجذب الانتباه. إنها الأفضل للعناوين بدلاً من النص الطويل.
- الكتابة اليدوية - تجعل هذه الخطوط تبدو وكأن شخصًا ما كتبها يدويًا. ستجد أن العديد منهم في مخطوطة أو لديهم مسافات أقل اتساقًا.
- أحادية المسافة - مثل الآلة الكاتبة ، تشغل أحرفها نفس العرض الأفقي. هم متباعدون بشكل متسق للغاية.
بالإضافة إلى ذلك ، لديك أيضًا خيارات أخرى للاختيار من بينها ، مثل تحديد خصائص اللغة والخط. يتضمن الأخير عدد الأنماط والسمك والميل والعرض.
تضمين الخطوط في WordPress
إذا كنت ترغب في تضمين هذه الخطوط الفريدة في موقع WordPress الخاص بك ، فهناك عدة طرق يمكنك تجربتها.
باستخدام CSS
انقر فوق الخط من تحديد Google ، وسوف يأخذك إلى صفحة الخط التفصيلية. في الزاوية اليمنى العليا ، توجد علامة "+". انقر فوق ذلك وسيتم فتح نافذة جانبية. انقر فوق "تضمين".
الآن يمكنك النقر فوق @يستورد. سيؤدي هذا إلى فتح رمز CSS الذي تحتاج إلى نسخه. انتقل إلى ورقة أنماط قالب WordPress الخاص بك والصقها في البداية. تأكد من نسخ ارتباط الاستيراد بدون ملف