I know this has probably been asked a 1000 times, but I'm having problems with my fonts displaying correctly in Internet Explorer. They load fine in Chrome and Firefox, but for some reason my <h1>, <h2> etc titles don't load. So for example, the first post should be named: "Gary Vaynerchuk's Daily Grape Feature..." The second post should be named "Bring it on down to Liquorville" These titles display in Chrome and Firefox, but not IE. Can anyone help? I've spent hours online looking for a solution and have come up with nothing. My website is blogyourwine.com
Apologies in advance for the long post! Below is what is listed in the Style (style.css) file. What looks wrong? What do I need to change? /* Resets */ .entry-content div, .entry-content-main div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } .entry-content:focus {outline: 0;} .entry-content ins {text-decoration: none;} .entry-content del {text-decoration: line-through;} .entry-content table {border-collapse: collapse; border-spacing: 0;} /* Align */ .alignright { float: right; } .alignleft { float: left } img.alignleft { display:inline; float:left; margin-right:13px; } img.alignright { display:inline; float:right; margin-left:13px; } /* Headers */ .entry-content p { color: #474747; margin-bottom: 7px; font-size: 0.72em;} .entry-content h1 {font-size: 22px; color: #188bb1; margin: 0 0 10px 0;} .entry-content h2 {font-size: 20px; color: #8D0E3A; margin: 0 0 5px 0;} .entry-content h3 {font-size: 18px; color: #188bb1; margin: 0 0 10px 0;} .entry-content h4 {font-size: 16px; color: #0b2236; margin: 0 0 10px 0;} .entry-content h5 {font-size: 14px; color: #0b2236; margin: 0 0 10px 0;} .entry-content h6 {font-size: 12px; color: #0b2236; margin: 0 0 10px 0;} /* lists inside posts */ .entry-content ul ol {margin-left:0;} .entry-content ul li {margin-left:10px; list-style:disc; list-style-position:inside;} .entry-content ul li ol {margin-left:10px;} .entry-content ol li {margin-left:5px; list-style: decimal; list-style-position:inside;} .entry-content ol li li {margin-left:5px;} /* Headers */ .entry-content-main p { color: #474747; margin-bottom: 7px; font-size: 0.72em;} .entry-content-main h1 {font-size: 22px; color: #188bb1; margin: 0 0 10px 0;} .entry-content-main h2 {font-size: 20px; color: #8D0E3A; margin: 0 0 5px 0;} .entry-content-main h3 {font-size: 18px; color: #188bb1; margin: 0 0 10px 0;} .entry-content-main h4 {font-size: 16px; color: #0b2236; margin: 0 0 10px 0;} .entry-content-main h5 {font-size: 14px; color: #0b2236; margin: 0 0 10px 0;} .entry-content-main h6 {font-size: 12px; color: #0b2236; margin: 0 0 10px 0;}