Мне нужно создать эффект удара на значки, которые являются шрифтом. Я пробовал технику теневой тени, но проблема в том, что она вышла очень прерывисто, поэтому то, что я закончил, это отделить контур от значка и экспортировать его как шрифт, а затем снова объединить их друг с другом.Icon Font wont work in internet explorer
Он отлично работает сейчас! ... Просто не в IE.
Я не тихий уверен, насколько лучше я могу объяснить мою проблему другой, то показывая вам все: пользовательских шрифтов не работает в jsfiddle, так что я временно upoaded его - http://babysignlanguage.co.za/icon_fonts/
Heres код:
CSS:
@font-face {
font-family: 'icomoon';
src:url('fonts/icomoon.eot');
src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'),
url('fonts/icomoon.woff') format('woff'),
url('fonts/icomoon.ttf') format('truetype'),
url('fonts/icomoon.svg#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
body {background:#99FFCC;}
.menu_icon_gen {font-size: 6em; font-family: 'icomoon';}
.space { letter-spacing:-2em; zoom:1;}
.left {float:left;}
.green {color:#ACBB72;}
.white {color:#FFF;}
HTML
<div class="menu_icon_gen" aria-hidden="true">
<span class="green space left"></span>
<span class="white"></span>
<div class="menu_icon_gen" aria-hidden="true">
<span class="green space left"></span>
<span class="white"></span>
</div>
Это своего рода работает, если вы установите письмо-интервал для '-1em' (что имело бы больше смысла, любая причина, почему -2?) – robertklep
Очень правда, но даже в этом случае в IEE это значок телефона по-прежнему не работает, а дом i con неуместен и до сих пор не идет в ie7. –
А теперь я вижу. У меня недавно были проблемы с шрифтом, а также в IE, в конце концов я просто сдался :( – robertklep