StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POIE8 CSS @font-face fonts only working for :before content on over and sometimes on refresh/hard refresh
primarykey
Id
9809351
data
AcceptedAnswerId
0
AnswerCount
15
ClosedDate
CommentCount
7
CommunityOwnedDate
CreationDate
2012-03-21T17:01:51.300
FavoriteCount
35
LastActivityDate
2015-10-16T03:48:12.877
LastEditDate
2014-06-02T08:49:43.123
LastEditorUserId
347140
OwnerUserId
347140
ParentId
0
PostTypeId
1
Score
57
ViewCount
47787
LastEditorDisplayName
text
Body
UPDATE: I've written a blog post about what I've learned about this issue. I still don't fully understand it, but hopefully someone will read this and shed some light on my issue: <a href="http://andymcfee.com/2012/04/04/icon-fonts-pseudo-elements-and-ie8" rel="noreferrer">http://andymcfee.com/2012/04/04/icon-fonts-pseudo-elements-and-ie8</a> I have a page where I'm using @font-face to import a custom font for icons. The icons are created with a class: <pre><code>.icon {font-family: 'icon-font';} .icon:before {content: 'A';} </code></pre> And voila, I have whatever icon is used for "A". Pretty standard stuff, works in all browsers, including IE8. However, in IE8, I have a bizarre bug. When the page loads, the font is not working. Instead of icons, I have letters all over the place. Once I hover OVER the page (body), half the letters become icons. The rest become icons when I hover over them. SO the font-face is embedding properly. The font-family and content properties are both working, but something else is causing the icons to load only after hover. So there's some sort of bug with @font-face in IE8 when you try to use the font with :before{content: 'a'} but I have no idea what the bug is. I've searched for hours on here for a similar bug/IE8 issue/anything, but I've had no luck and I'm about to go crazy. ANY suggestions? Let me know if I can provide anymore info that might be helpful. EDIT: Updated the broken link to the blog post.
Tags
<css><internet-explorer-8><font-face>
Title
IE8 CSS @font-face fonts only working for :before content on over and sometimes on refresh/hard refresh
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USAndy
UserOwnerUserId
1. USAndy
plurals
PostLinksPostIdRelatedPostId
1. PL
 singulars
 LinkTypeLinkTypeId
 LTLinked
PostLinksRelatedPostIdPostId
1. PL
 singulars
 LinkTypeLinkTypeId
 LTLinked
2. PL
 singulars
 LinkTypeLinkTypeId
 LTLinked
3. PL
 singulars
 LinkTypeLinkTypeId
 LTDuplicate
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
 singulars
 PostTypePostTypeId
 PTAnswer
2. PO
 singulars
 PostTypePostTypeId
 PTAnswer
3. PO
 singulars
 PostTypePostTypeId
 PTAnswer
VotesPostIdCreationDate
1. VO
 singulars
 PostPostId
 POIE8 CSS @font-face fonts only working for :before content on over and sometimes on refresh/hard refresh
 UserUserId
 USAndy
 VoteTypeVoteTypeId
 VTFavorite
2. VO
 singulars
 PostPostId
 POIE8 CSS @font-face fonts only working for :before content on over and sometimes on refresh/hard refresh
 UserUserId
 USvieron
 VoteTypeVoteTypeId
 VTFavorite
3. VO
 singulars
 PostPostId
 POIE8 CSS @font-face fonts only working for :before content on over and sometimes on refresh/hard refresh
 UserUserId
 This table or related slice is empty.
 VoteTypeVoteTypeId
 VTUpMod
CommentsPostId

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.