font-awesome

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

Font Awesome Icons Not Showing Up on my webpage I made using Bootstrap4

由 感情迁移 提交于 2020-07-03 09:40:46
问题 I am making a webpage using Bootstrap4(CDN) and I intend to use FontAwesome icons for my social media links. However on opening the page I see some blue boxes instead of the icons and they are functional . I just need the icons to be displayed. Any help would be appreciated. Here are the necessary snippets : 1. <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc

Font Awesome Icons Not Showing Up on my webpage I made using Bootstrap4

由 走远了吗. 提交于 2020-07-03 09:40:29
问题 I am making a webpage using Bootstrap4(CDN) and I intend to use FontAwesome icons for my social media links. However on opening the page I see some blue boxes instead of the icons and they are functional . I just need the icons to be displayed. Any help would be appreciated. Here are the necessary snippets : 1. <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc

FontAwesome with Python

由 核能气质少年 提交于 2020-06-29 04:27:08
问题 I'm trying to use the The Font Awesome icon set for python but I can't manage to make it work. I'm following all the instructions I found on https://pypi.org/project/fontawesome/ but somehow the end result is not what expected. If I run those 2 simple lines I end up with some kind of indian or arabic symbol. import fontawesome as fa print(fa.icons['thumbs-up']) Does anyone here have experience with this module? Thanks 回答1: pip3 install fontawesome sudo apt-get update -y sudo apt-get install

How do I use gradients with Font Awesome icons? [duplicate]

由 馋奶兔 提交于 2020-06-13 08:16:58
问题 This question already has answers here : Text gradient with font awesome (2 answers) Gradient text color (8 answers) Gradient over Instagram SVG of FontAwesome 5 (2 answers) Closed 11 months ago . Similar to gradient text in css with text shadow, I want to use Font Awesome icons with gradients. i.fab { font-size: 5rem; font-style: normal; font-family: fontawesome; } <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/> <i class="fab fa

How do I use gradients with Font Awesome icons? [duplicate]

由 穿精又带淫゛_ 提交于 2020-06-13 08:15:06
问题 This question already has answers here : Text gradient with font awesome (2 answers) Gradient text color (8 answers) Gradient over Instagram SVG of FontAwesome 5 (2 answers) Closed 11 months ago . Similar to gradient text in css with text shadow, I want to use Font Awesome icons with gradients. i.fab { font-size: 5rem; font-style: normal; font-family: fontawesome; } <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/> <i class="fab fa

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>

Why font awesome icon shows empty squares?

由 為{幸葍}努か 提交于 2020-05-23 21:10:51
问题 I would like to make a combination of icons via FA stack but it does not work. I have pure example from documentation and it shows me only empty squares. Code looks like: <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> <span class="fa-stack" style="vertical-align: top;"> <i class="far fa-circle fa-stack-2x"></i> <i class="fas fa-flag fa-stack-1x"></i> </span> and the result looks like on the picture below (last icon on the line). What

Multiple font-awesome icons sharing a background gradient

由 大兔子大兔子 提交于 2020-05-17 03:12:25
问题 I've been crawling the web for about 2 hours now, trying to find a solution. So I apologise, my starting code isn't overly helpful. I've tried using background-clip, multiple.js, fill, and just can't get the effect I'm looking for. In fact, I currently can't even replicate: https://stackoverflow.com/a/56916981 with Font Awesome 5 and the pesky SVGs. Here's where I'm currently at: body{ font-size:150px; } svg { background: -webkit-linear-gradient(225deg, rgb(251, 175, 21), rgb(251, 21, 242),
订阅 font-awesome