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

[said]

http://www.dzbatna.com/images/icons/iconrote.gif ط¥ط³طھط®ط¯ط§ظ… ط®ط·ظˆط· ط¬ظˆط¬ظ„ ظپظٹ طھطµظ…ظٹظ…ظƒ ظ„ظٹط¸ظ‡ط± ط¨ط´ظƒظ„ ط±ظˆط¹ظ‡ (http://www.dzbatna.com/t2203237/)



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

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

Google Api Fonts

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

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

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

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

رمز Code:
<link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;http://fonts.googleapis.com/css?family=Tangerine&quot;>
بعد إستدعاء الخط يمكننا إستعماله ببساطة في ملف الإستايل style الخارجي هكذا

رمز Code:
.Zero { font-family: 'Tangerine', serif; }
أو داخل إستايل style داخلي

رمز Code:
<div style=&quot;font-family: 'Tangerine', serif;&quot;>Droosweb</div>
ليظهر بهذا الشكل في المثال الحي

Google Font Api (http://www.droosweb.com/testing/css/google-font-api.php)

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

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

تجده هنا

https://developers.google.com/webfon...etting_started (https://developers.google.com/webfonts/docs/getting_started)

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




لا تترددوا

أخوكم

Osama Elzero






ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)



https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©