font-awesome-5

Font Awesome 5, why don't brand icons work when using font-face?

痞子三分冷 提交于 2020-07-09 11:57:25
问题 Imagine that I only have control through CSS . HTML is generated automatically, so I cannot add JS or change the HTML. /*! * Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons:CC BY 4.0, Fonts:SIL OFL 1.1, Code:MIT License) */ @font-face { font-family: 'my_font_awesome'; font-style: normal; font-weight: 900; font-display: auto; src: url(https://use.fontawesome.com/releases/v5.13.0/webfonts/fa-solid-900.eot); src: url

Font Awesome 5, why don't brand icons work when using font-face?

て烟熏妆下的殇ゞ 提交于 2020-07-09 11:57:20
问题 Imagine that I only have control through CSS . HTML is generated automatically, so I cannot add JS or change the HTML. /*! * Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons:CC BY 4.0, Fonts:SIL OFL 1.1, Code:MIT License) */ @font-face { font-family: 'my_font_awesome'; font-style: normal; font-weight: 900; font-display: auto; src: url(https://use.fontawesome.com/releases/v5.13.0/webfonts/fa-solid-900.eot); src: url

Xamarin.Forms FontAwesome doesn't work with bound properties

╄→гoц情女王★ 提交于 2020-07-07 11:06:33
问题 I want to add font awesome to my Xamarin.Forms project and I have added it to the project. Then I have added FontFamily to a Label like this: <ListView.ItemTemplate> <DataTemplate> <ViewCell> <Grid Padding="15"> <Grid.ColumnDefinitions> <ColumnDefinition Width="*" /> <ColumnDefinition Width="9*" /> </Grid.ColumnDefinitions> <Label Grid.Column="0" Text="" FontSize="20"> <Label.FontFamily> <OnPlatform x:TypeArguments="x:String"> <On Platform="iOS" Value="Font Awesome 5 Free" /> <On Platform=

FontAwesome 5 - Multi color icon

社会主义新天地 提交于 2020-06-10 03:24:26
问题 FontAwesome 5 offers thousands of icons that are built with SVG. This way, it's easy to color the entire icon by using fill . But what if I want to use multiple colors? For example, given the icon Google, I want to color it like so: 回答1: By using gradient for the color and two icons we may achieve this but it remains a hacky way and you need to handle each case (icon + coloration) specifically: .fa-google path{ fill:url(#grad1); } .fa-google + .fa-google path{ fill:url(#grad2); } .icon {

Font awesome 5 pseudo-class not working with my kit

◇◆丶佛笑我妖孽 提交于 2020-05-24 07:31:19
问题 Note: I haven't added my kit number here I am using the Font awesome 5. I got kit script after login in the font awesome poral. My issue is, If I added below code <!doctype html> <html> <head> <!-- Place your kit's code here --> <script src="https://kit.fontawesome.com/kitnumber.js" crossorigin="anonymous"></script> </head> <body> <i class="fas fa-thumbs-up fa-5x"></i> </body> </html> then I am getting my icon but if I use pseudo-class then I am not getting the icon. <!doctype html> <html>