Yazeka
Arama sonuçlarına göre oluşturuldu
Google Icons (Materyal Simgeleri) kullanmak için aşağıdaki adımlar izlenebilir:
- HTML sayfasına ekleme 23. Google Fonts kullanarak simgeleri eklemek için, HTML sayfasının
<head>
bölümüne şu satır eklenmelidir 23:<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> - Simgeyi ekleme 23.
material-icons
sınıfını bir inline elemana ekleyerek ve simgenin adını yazarak kullanılabilir 23:<i class="material-icons">cloud</i> - Boyut ve renk değiştirme 3. CSS ile simgenin boyutu ve rengi değiştirilebilir 3:
<i class="material-icons" style="font-size:48px; color:red;">cloud</i>
Alternatif olarak, simge yazı tipini kendi kendine barındırmak için şu adımlar izlenebilir:
- Simge yazı tipini bir konumda barındırın, örneğin
https://example.com/material-icons.woff
2. - Aşağıdaki CSS kuralını ekleyin 2:
@font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(https://example.com/MaterialIcons-Regular.eot); /* For IE6-8 */ src: local('Material Icons'), local('MaterialIcons-Regular'), url(https://example.com/MaterialIcons-Regular.woff2) format('woff2'); }
Google Icons, tüm modern web tarayıcıları tarafından desteklenir ve vektör temelli olduğu için her ölçekte harika görünür 2.
5 kaynaktan alınan bilgiyle göre: