Flaticon not showing on template

HTML & CSS
1

I am looking to use a template I got online but for some reason the flaticons are not showing, I have got the font files in the fonts folder of the directory but don’t understand why the flaticons are not showing

could anyone help. The url is https://www.beechwoodsolutions.co.uk…nine/index.php

Thank you in advance

flaticon-issue

2

Hi there ianhaney1,

your CSS for these HTML items…

   <i class="flaticon-clock-1"></i>

   <i class="flaticon-envelope"></i>

   <i class='fa flaticon-technology'></i>

…does not appear to include…

    font-family: Flaticon;

Unfortunately, I was unable to ascertain whether
these actual content values were correct…

.flaticon-clock-1::before {
    content: "\f122";
    font-family: Flaticon; /* this value is missing  */
  }

.flaticon-envelope::before {
    content: "\f120";
    font-family: Flaticon; /* this value is missing  */
 }

.flaticon-technology::before {
    content: "\f121";
    font-family: Flaticon; /* this value is missing  */
 }

coothead

3

Hi

I have the following in the css/flaticon.css stylesheet, I did add font-family: Flaticon to the css so was like yours above but still didn’t show the icon

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
  font-family: Flaticon;
        font-size: 20px;
font-style: normal;
margin-left: 20px;
}
4

then you must verify the content values. :winky:

coothead

5

How do I verify the content values?

6

Hi there ianhaney1,

this is the method that I use to find CSS content values…

I downloaded your Flaticon.ttf file, saved it to Windows fonts,
then opened it the Character Map, but was unable to find
any icon that would be relevant to these items…
.
“Opening Time”, “Email Us” or “Call Us Now”. :unhappy:

Try it yourself. :winky:

I would suggest that you go back to Flaticon and try again,
or, failing that, try a different supplier.

coothead

1 Like
7

Thank you, will try that in the morning, failing that I will try font awesome instead

8

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.