search

martignoni / hugo-notice

A Hugo theme component to display nice notices
GNU General Public License v3.0
242 stars 49 forks source link

Missing icon on title line #1

Closed MTRNord closed 5 years ago

MTRNord commented 5 years ago

Hi this is awesome but it seems like the CSS for the Icon is missing. Any hints how to get it working?

martignoni commented 5 years ago

Please elaborate. The CSS is obviously here.

MTRNord commented 5 years ago

On my page it loads the notice fine except the Icon. Basicly the content of .notice-title:before{content:'\f05a'} which sets the icon doesn't seem to load any icon. Check: https://nordgedanken.gitlab.io/posts/2015-01-04-first-post/ for example.

grafik

MTRNord commented 5 years ago

If it makes a difference: I am using Windows 10 with Firefox 66.0.3 (64-Bit)

martignoni commented 5 years ago

It seems you don't have font-awesome available.

MTRNord commented 5 years ago

Is simply adding it to the layout enough to fix the issue?

martignoni commented 5 years ago

Yes.

MTRNord commented 5 years ago

Thanks! I will do that :)

MTRNord commented 5 years ago

Actually it seems like the Font Family name changed in the newest version:

font-family: "Font Awesome 5 Free";

Using that it starts to work.

(See https://fontawesome.com/how-to-use/on-the-web/advanced/css-pseudo-elements )

martignoni commented 5 years ago

But you can still use Font Awesome 4. I personally use it.

martignoni commented 5 years ago

@MTRNord FYI: just updated. New version works with both older and current Font Awesome release. Thanks for the idea.

MTRNord commented 5 years ago

@martignoni thanks a lot for making that possible