إستخدام خطوط جوجل في تصميمك ليظهر بشكل روعه -مدونة تواتي وليد

إستخدام خطوط جوجل في تصميمك ليظهر بشكل روعه Google Api Fonts

الكثير من المصممين ملتزمين بخطوط معينه في تصميماتهم عندما يتعلق الأمر
بال Css و ذلك لانه يمكنك إستخدام خط معين و تقوم بتصميم موقعك بشكل جميل
ثم تجد أن الخط غير موجود في جهاز الشخص الذي يتصفح الموقع و بالتالي 
لن يظهر عنده حل هذه المشكلة بسيط جدا مع

Google Api Fonts

بواسطة خطوط جوجل يمكنك إستخدام أي خط تريد بدون الخوف من عدم وجوده
في جهاز الشخص الذي يتصفح الموقع لأنه سواء موجود أم لا سوف يظهر الموقع
بالشكل الذي صممته 

كيف نستخدم الكود 

يجب علينا أولا أستدعاء الإستايل الذي يحتوي علي الخطوط التي سوف نستخدمها

الكود التالي يقوم بإستدعاء الخط المسمى Tangerine

رمز Code:

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">

بعد إستدعاء الخط يمكننا إستعماله ببساطة في ملف الإستايل الخارجي هكذا

رمز Code:

.Zero
{
    font-family: 'Tangerine', serif;
}

أو داخل إستايل داخلي

رمز Code:

<div style="font-family: 'Tangerine', serif;">Droosweb</div>

ليظهر بهذا الشكل في المثال الحي

Google Font Api

كما يمكنك من خلال خطوط جوجل عمل تأثيرات و حركات قمة في الروعه

كل ما تريد معرفته عن Google Api Fonts 

تجده هنا 

https://developers.google.com/webfon...etting_started

أتمنى من الله يكون الشرح واضح و بسيط