اضافة ايقونات الماتريال ديزاين على بلوجر
السلام عليكم ورحمة الله وبركاته
طبعا اغلبيه الناس سمعة بالماتريال ديزاين الي سيطر على افلب تطبيقات الاندرويد
واغلب تطبيقات الاندرويد يتم تحديثها لتعمل بالماتيريال ديزاين
الماتريال ديزين هو تصميم ابتكرته غوغل ويستحوذ على مجموعة كبيرة من المواقع وجميع تطبيقات غوغل تقريبا.
يضم الماتريال ديزين العديد من القواعد تجعل الأيقونات التي يستخدمها مغايرة للأيقونات العادية لذا أنشأت جوجل هذه الأيقونات.
ويتم استعمال هذه الأيقونات وفق قواعد بينتها جوجل في الرابط الرسمي للماتريال ديزاين ستساعد على معرفة الإستعمال الصحيح
الآن بعد ان عرفت كيف تستخدم هذه الأيقونات الآن كيف تحصل عليها
لإظافة الأيقونات لموقعك ابحث في القالب عن ثم انسخ الكود و لصق فوقه قبله مباشرة
@font-face {وأخيرا اختيار الأيقونات!
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: local('Material Icons'), local('MaterialIcons-Regular'), url(https://fonts.gstatic.com/s/materialicons/v12/2fcrYFNaTjcS6g4U3t-Y5ewrjPiaoEww8AihgqWRJAo.woff) format('woff'), url(https://fonts.gstatic.com/s/materialicons/v12/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2) format('woff2'), url(https://fonts.gstatic.com/s/materialicons/v12/2fcrYFNaTjcS6g4U3t-Y5bbKic1PW3nceB3q24YFOMg.ttf) format('truetype');
}
.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: inherit;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
vertical-align:middle;
/* Support for all WebKit browsers. */
-webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
text-rendering: optimizeLegibility;
/* Support for Firefox. */
-moz-osx-font-smoothing: grayscale;
/* Support for IE. */
font-feature-settings: 'liga';
}
- الأمر بسيط فقط توجه إلى هذا الرابط ستجد الأيقونات اضغط على الأيقونة التي تريد إظافتها ستضهر لك في الأسفل قائمة :
عند اختيار الخط سيضهر لك خياران الخيار الأول عن طريق وضع إسم الأيقونة بحيث يمكن تحديدها
والخيار الثاني هو لإظافته بالطريقة العادية أي رمز الأيقونة.
أما الصور فتقوم بتحميلها وتستعملها كأي صورة.
للمزيد من المعلومات انصحك بمشاهدة هدا الموضوع حول كيفية اضافة ايقونات الماتريال ديزاين على بلوجر بالتفصيل عبر الرابط التالي اضغط هنا شكرا لك.
أرجو ان يكون الشرح مفيدا والسلام عليكم.
تعليقات
إرسال تعليق