URGENT - HTML Icon Help!

Equinox · 06-16-2014, 12:28 AM

(06-11-2014, 04:28 PM)Aurora Wrote: No, I haven't, but that shouldn't be the case should it? I mean, it's a paid template and it still does not work when I re-upload it. I'll check anyway, thanks.

Awesome works in firefx.

Eclipse · 06-16-2014, 04:34 PM

(06-16-2014, 12:28 AM)Duubz Wrote: Awesome works in firefx.

Not for me. Yet. It's a bug.

Equinox · 06-16-2014, 04:37 PM

(06-16-2014, 04:34 PM)Aurora Wrote: Not for me. Yet. It's a bug.

Works perfectly fine in Firefox for me.

Raths · 06-18-2014, 01:06 AM

Lol, holy hell. Google font awesome, download the package, impliment it into your websites styles, then use;

Code:
<i class="fa fa-icon"></i>

If you want to add your own styles do something like:

Code:
<i class="fa fa-icon iconstyle"></i>

CSS:

.iconstyle {
color: #fff;
text-shadow: 0 0 3px #000;
font-size: 15px;
}

.iconstyle:hover {
color: #000;
}

Font awesome's icons are not classed as images, they are classed as text.

Eclipse · 06-18-2014, 03:21 PM

(06-18-2014, 01:06 AM)Raths Wrote: Lol, holy hell. Google font awesome, download the package, impliment it into your websites styles, then use;

Code:
<i class="fa fa-icon"></i>

If you want to add your own styles do something like:

Code:
<i class="fa fa-icon iconstyle"></i> CSS: .iconstyle { color: #fff; text-shadow: 0 0 3px #000; font-size: 15px; } .iconstyle:hover { color: #000; }

Font awesome's icons are not classed as images, they are classed as text.

Thanks, but I know all this. It does not work in Firefox, but works in Chrome. I think it's something to do with the links.

Raths · 06-18-2014, 03:38 PM

Most likely the way you imported the icons, research how to install the icons through the style CSS file, I've never had to do it but this may resolve your problem.

Karma · 06-18-2014, 03:53 PM

Didn't download the package, but I guess you're using this, to implement the icons:

Code:
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">

If yes, this doesn't work on localhost.

Solution:
1. Download this.
2. Go to your html file and include this into <head>

Code:
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">

Make sure to use the correct path.

Eclipse · 06-18-2014, 05:30 PM

(06-18-2014, 03:53 PM)Karma Wrote: Didn't download the package, but I guess you're using this, to implement the icons:

Code:
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
If yes, this doesn't work on localhost.

Solution:
1. Download this.
2. Go to your html file and include this into <head>

Code:
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
Make sure to use the correct path.

Thanks for the reply! Any idea why it works locally in Chrome? It also only works in chrome if I reupload it.

Lain · 06-19-2014, 10:24 AM

Change href="//maxcdn to href="http://maxcdn

href="// doesn't work locally.

Equinox · 06-19-2014, 04:08 PM

(06-18-2014, 05:30 PM)Aurora Wrote: Thanks for the reply! Any idea why it works locally in Chrome? It also only works in chrome if I reupload it.

Because (no offense to the firefox users) it sucks cock a lot of the time.

URGENT - HTML Icon Help!
Author Message