CSS font problem (bug?)

Resolved

(@salvanwezel)

A few places that are not supposed to, like body text and the admin post page, use this piece of css form fontawesome.css according to the inspector:

[class*="fa-"]{
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

The admin posts page on top of that also has this from the edit.php:

[class*="fa-"]{display: inline-block;font-family: FontAwesome!important;font-style: normal;font-weight: normal;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

I’ve tried a lot of things(reinstalling theme, turning of plugins, etc.) but I don’t know how to fix this. Please help me.

Viewing 5 replies - 1 through 5 (of 5 total)

Theme Author OptimizerWP
(@layerthemes)

10 years, 1 month ago

@salvanwezel This is a necessary css code of the theme. Can you please let us know what issues you are having? and what your site address is?

Thanks

Thread Starter salvanwezel
(@salvanwezel)

10 years, 1 month ago

The issue is I think the body text of posts is supposed to use Open Sans?
Also the font of the text on the admin page for all posts is not supposed to be fontawesome.

This is the url: http://gbiomed.kuleuven.be/apps/pentalfa/wordpress/
stephencottontail
(@stephencottontail)

10 years, 1 month ago
It looks like it’s a FontAwesome problem. The code you posted in your original post means “any class that contains ‘fa-‘ at any point”. Your posts are in the category “Pentalfa Sessie”, and so WordPress outputs the class “category-pentalfa-sassie”, which matches what FontAwesome is looking for.

The best way to fix it would be to ask FontAwesome to use class[^="fa-"] instead, which means “any class that begins with ‘fa-‘”. You could try forcibly overriding it, though:
```
.category-pentalfa-sessie {
	font-family: "Open Sans" !important;
}
```
Theme Author OptimizerWP
(@layerthemes)

10 years, 1 month ago

Thanks for your feedback Stephen, you are correct.

@salvanwezel You can try replacing it with:

i[class*='fa-']

Thread Starter salvanwezel
(@salvanwezel)

10 years, 1 month ago

Thanks for finding the problem! So stupid of me. I solved it by changing the name of the post category.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘CSS font problem (bug?)’ is closed to new replies.

Tags