Icons loaded as fonts?

The icons on the home page are loaded as fonts. I've found the code that does it ie

Code: Select all

<i class="gk-icon-dinner-set-solid"></i>

Makes the dinner set icon appear. When I look for the CSS that controls this, I can't seem to find it. I have used the Web-developer add-on and element inspector but I can not see a reference to an icon-type font or any images.

Hence I am at a loss. Can someone help explain to me how it comes together?

Hi,
those "food" icons are from font called "steakhouse-pixellove"

templates\gk_steakhouse\fonts\steakhouse-pixellove
and their class names are here
templates\gk_steakhouse\css\gk.stuff.css (starting from line 53)

Many thanks, this is what I was looking for

of course you can also use "font awesome" instead, there are too also.

Ok two quick questions. How do I add and use "font awesome" and where do I find a sample of what they look like?

#1 : there are already there: temlates\gk_steakhouse\fonts\font-awesome
FontAwesome v4.2
and they are loaded (or should be by default)

and where do I find a sample of what they look like

There are not GK fonts, so as always on project website
but in our demo there are also : https://demo.gavick.com/joomla25/steakh ... typography
at the end (scroll to see "Icons - Font Awesome" section).

Use:

<i class="fa fa-vimeo-square"></i>

to get vimeo icon etc.

Thanks - Awesome

of course if those extra fonts are still not enough ....
you can use addcional fonts which have better icon collections

general tip: https://www.gavick.com/documentation/jo ... ional-font

Now I figured out, how to use font-awesome fonts. But what I need is an icon for a hotel room.

Font awesome has a bed icon in its collection, fa-bed. But when I use fa-bed it doen't appear. Other font awesome icons do appear.

What to do to fix this problem?

And how to make font awesome font react as the other icons on mouseover.

Thanks.

http://www.fyue.de/klettergarten-aicha

All clear "40 New Icons in 4.3" and we have v4.2

and "fa-bed" is too new icon and wasn't included in our version of AwesomeFonts yet.

if you have "skills" you can upgrade Font Awesome collection manually using new version of files.

Thanks.

I now replaced all font awesome font files and the fontawesome.css file by the newer versions.

But now font awesome doesn't work at all.

Is there s.th. else I have to change?

Sorry but those customization are without GK warranty, you made them for your own risk.
just recover old one from template.