Wie setze ich lg oder 2x auf Icons in Angular Material (wie in Font Awesome)?

Ich lese die docs for Angular Material versucht, die Symbole zu verstehen. Ich kann jedoch keine Informationen über den geeigneten Weg finden, sie zu vergrößern.Wie setze ich lg oder 2x auf Icons in Angular Material (wie in Font Awesome)?

<mat-icon>home</mat-icon>

In FontAwesome, würde ich gerade eine Klasse wie diese setzen.

<i class="fa fa-camera-retro fa-2x"></i>

Wie soll es in Material gesteuert werden?

Quelle

2017-12-16 DonkeyBanana

Mögliches Duplikat von [Ändern Sie die Symbolgröße des Material Design-Symbols] (https://stackoverflow.com/questions/36562597/change-the-icon-size-of-material-design-icon) –

https: // github.com/angular/material2/issues/4422 –

@ Jota.Toledo Ich kann das nicht als ein Duplikat sehen. Ich verwende Angular Material, das eine andere Angular-ish-Syntax bietet. Es wird im Link für die Dokumente angezeigt. (Vielleicht sollte ich eine Kopie davon für die Klarheit der Benutzer, die nicht auf Links klicken.) – DonkeyBanana

-1

sie zu vergrößern, erstellen Sie einfach eine Klasse (vielleicht .md-icon-2x?) Wie folgt, und fügen Sie mat-icon:

.md-icon-2x { 
    width: 48px; 
    height: 48px; 
    font-size: 48px; 
}

Da Werkstoff Icons ist eigentlich eine Ligatur Schriftart, kann es mit dem font-size Attribut leicht geändert werden um das Symbol größer zu machen.

Quelle

2017-12-17 07:09:13 Edric

Err ... Warum der Downvote ?? – Edric

Wie setze ich lg oder 2x auf Icons in Angular Material (wie in Font Awesome)?

Antwort

Verwandte Themen