html-resume icon indicating copy to clipboard operation
html-resume copied to clipboard

Problem in loading icons

Open Mahmoud-AbouDeghedy opened this issue 1 year ago • 2 comments

I suggest adding this line in the header section:

<head>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>

as the icons didn't appear in my browsers (tried Edge & Firefox). Any way a huge Thank U for this nice template.

Mahmoud-AbouDeghedy avatar Mar 26 '23 00:03 Mahmoud-AbouDeghedy

Thank you for this suggested fix. Note that it's only for v4 and Font Awesome is currently on v6. I was unable to get the v6 icons to show in the rendered web page (on Firefox), but I know Font Awesome changed some things with v6 so aren't surprised.

Here's the link to the v6.5.0 stylesheet: https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/fontawesome.min.css

And if you still want to use the git module, then you have to specify the 6.x branch in the .gitmodules file and change the stylesheet link to dep/Font-Awesome/free/css/fontawesome.css. Although I wasn't able to fully get this working either. CSS loads, but no icons are shown.

peetjvv avatar Nov 30 '23 13:11 peetjvv

Try: <link rel="stylesheet" type="text/css" href="dep/Font-Awesome/css/all.css" />

The class for the LinkedIn icon also needs to be adjusted to fa-brands. This worked for me with FA 6.5.1.

jmpolom avatar Jan 10 '24 02:01 jmpolom