@nmckeown wrote:
Hi All,
I am trying to add few icons to my app from Icomoon but all its displaying is an exclamation mark icon.
It looks like ion-alert.I added the font files from icomoon to my fonts folder.
\www\assets\lib\ionic\fonts
My test glyph is called ion-wink
I then updated www\assets\css\ionic.app.css
@font-face {
font-family: "icomoon";
src: url("../lib/ionic/fonts/icomoon.eot");
src: url("../lib/ionic/fonts/icomoon.eot") format("embedded-opentype"),
url("../lib/ionic/fonts/icomoon.ttf") format("truetype"),
url("../lib/ionic/fonts/icomoon.woff") format("woff"),
url("../lib/ionic/fonts/icomoon.svg") format("svg");
font-weight: normal;
font-style: normal; }.ion-wink:before
.ion-wink:before {
content: ""; }HTML Code:
<button class="button button-full button-assertive button-larger ion-wink"
style="margin-top:20px;font-size:90px;border-radius:15px;font-family:icomoon;"
ng-click="flirt.sendTeaze(flirt.uid,flirt.muid,'flirt','')">Any idea where I am going wrong or is this approach even doable.
Appreciate any assistance. Thanks
Posts: 1
Participants: 1