wie verwenden Sie das Symbol [Font-awesome] in WPF

Ich bin neu in WPF. Ich möchte die Font-awesome-Icon im Textfeld und button. aber das Symbol ist nicht die Bindung mit meiner textbox

Ich install Font-awesome Ressource zu meiner Anwendung.

Lassen Sie mich wissen, die Art und Weise wie kann ich es nutzen

Danke,

Ich es wirklich brauchen bitte helft mir..

Beispiel

Schritt 1 : Download Der Font-Awesome

Tools -> Bibliotheks-Paket-Manager -> Paket-Manager-Konsole
Installieren

PM > Install-Paket FontAwesome.WPF

Schritt 2 : Ressource Hinzufügen

<Application> xmlns:fa="http://schemas.fontawesome.io/icons/" </Application>

Schritt 3 : App.xaml

<Application.Resources>

    <Style x:Key="FontAwesome">
        <Setter Property="TextElement.FontFamily" Value="pack://application:,,,/fonts/#FontAwesome" />
    </Style>

</Application.Resources>

Schritt 4 : Verwenden Sie es in der Demo.xaml

<TextBlock Style="{StaticResource FontAwesome}"
FontSize="75"
Text="&#xf133;" />

Schritt 5 :- Ausgabe

wie verwenden Sie das Symbol [Font-awesome] in WPF

InformationsquelleAutor shivani | 2016-07-11

32

Ersten, download, Font Awesome, entpacken Sie die ZIP-Datei und kopieren Sie fonts/fontawesome-webfont.ttf in einen Schriftarten-Ordner in der Projektmappe. Legen Sie die Build-Aktion in den Eigenschaften der Ressource, wenn es nicht bereits

Als Nächstes fügen Sie einen Stil, um die Ressourcen in App.xaml. Vergessen Sie nicht, die # auf der Vorderseite den Namen der schriftart und denken Sie daran, verwenden Sie den internen Namen der Schrift, nicht der name der Datei. Überprüfen Sie den Namen der Schrift, klicken Sie einfach doppelt auf die schriftart-Datei und es öffnet sich im Windows-Font-Viewer. Der font-name wird an der Spitze.
```
<Application.resources>
<FontFamily x:Key="FontAwesome">/Fonts/fontawesome-webfont.ttf#FontAwesome</FontFamily>
</Application.resources>
```
Öffnen MainWindow.xaml und ersetzen Sie das grid mit unten snippet:
```
<Grid VerticalAlignment="Center" HorizontalAlignment="Center">

<StackPanel Orientation="Horizontal" >

<TextBlock Text="I" FontSize="32" Margin="10" VerticalAlignment="Center"></TextBlock>


<TextBlock x:Name="tbFontAwesome" Text="&#xf004;" FontFamily="{StaticResource FontAwesome}" Foreground="Red" FontSize="32" Margin="10" VerticalAlignment="Center"></TextBlock>
<TextBlock Text="Font Awesome" FontSize="32" Margin="10" VerticalAlignment="Center"></TextBlock>

</StackPanel>

</Grid>
```
Bemerken "Text" Eigenschaft von "tbFontAwesome" textblock, der seine Unicode für Heart.

Cheat Sheet
- Nicht in der Lage, schriftart
- kannst du deinen code, was du getan hast bis jetzt??
- Ich habe meinen code
- haben Sie Hinzugefügt "fontawesome-webfont.ttf" - Datei, um Ihre font-Ordner?
- Ich aktualisiert meine Antwort. hoffe, es wird funktionieren.
- was denken Sie über die Verwendung von NuGet-Paket, wie auf diese Seite: github.com/charri/Font-Awesome-WPF/blob/master/README-WPF.md ?
InformationsquelleAutor mahendra kamble
12

Erweitern, die akzeptierten Antworten, weil es etwas veraltet und fehlende Informationen, hier ist was ich getan habe:
- Download FontAwesome
- Entpacken Sie das Archiv
- Innerhalb des entpackten Ordners, unter dem use-on-desktop Ordner, suchen Sie die version, die Sie wollen. N. B. Solid hat die meisten Symbole frei; einige Symbole erfordern eine Pro Zahlung für normal-und Light-Versionen.
  - Für mich war dies Font Awesome 5 Free-Solid-900.otf.
- Folgenden die akzeptierte Antwort, und die meisten tutorials, erstellen Sie zunächst ein sub-Ordner in Ihrem C# - Projekt mit dem Namen Fonts. Fügen Sie die Schriftarten-Datei in diesem Ordner.
- Ich diese Datei umbenannt FontAwesome.otf für die Kürze
- Legen Sie die Eigenschaften dieser Datei:
  - Build Action: Resource
  - Die Eigenschaft in Ausgabeverzeichnis kopieren: Kopieren, wenn neuer/Kopieren immer
- In Ihrer App.xaml <Application.Resources> oder andere <ResourceDictionary>, einfügen:
- <FontFamily x:Key="FontAwesome">/YOUR_PROJECT_NAME;component/Fonts/FontAwesome.otf#Font Awesome 5 Free Solid</FontFamily>
  - Ersetzen YOUR_PROJECT_NAME mit Ihrem Namen für das Projekt. Ich schließe dies, weil es erforderlich ist, sollten Sie verwenden MergedDictionaries über Projekte.
  - Wenn Sie nicht platzieren Sie die Datei in einem Projekt die sub-Ordner Fonts, umbenennen oder überspringen Sie diesen Teil des Pfades.
  - Überprüfen Sie, dass der Dateiname entspricht: ersetzen Sie FontAwesome.otf mit der Dateinamen, oder benennen Sie die Datei selbst).
  - Überprüfen Sie den internen Namen der schriftart. Sie können dies tun, indem Sie die folgenden die akzeptierte Antwort. (Öffnen Sie die .otf-oder .tff-Datei aus dem explorer starten-Windows-Font-Viewer, kopieren Sie die font-Namen).
  - Ersetzen Sie den Font Awesome 5 Kostenlos Festen mit den Namen der schriftart (nach der #).
  - Nicht die schriftart zu installieren, andernfalls können Sie nicht stellen Sie sicher, dass Sie diese Schritte richtig befolgt haben und die Schrift kann nicht funktionieren auf allen Computern, die nicht über die Schrift installiert.
InformationsquelleAutor kjhf
1

Könntest du Sie auch manuell auswählen, FontAwesome aus der FontFamily-Eigenschaft von TextBlock.Das wird das problem lösen.

Wenn FontAwesome ist nicht unter der Liste der Schriftarten, dann müssen Sie wahrscheinlich, um importieren Sie die schriftart-Datei einfach wie in der ersten Antwort vorgeschlagen.

InformationsquelleAutor Uchenna Nnodim

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.