I am building a multi OS app with Intel XDK. I use a Sony Xperia Z1 Compact to debug. It seems to support boostrap glyphicons, this one works;
<span class="glyphicon glyphicon-arrow-right" aria-hidden="true"></span>
But when I use this one;
<span class="glyphicon glyphicon-triangle-left" aria-hidden="true"></span>
It shows up (kinda) like this: 繢 (it looks a lot like this, but my scetching skills are not quite up to the task)
Anyone got a clue what is happening here?
*Edit, found out what else is no longer working, and I think it is in the Device with auto translate or something like it...
The List:
Half a year and a upvote later, I have this working, just don't remember what exactly I did to make it so. But looking into my code these are the things that matter to make it work:
index.html:
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="bower_components/bootstrap/dist/css/bootstrap.css">
</head>
and make sure you have the fonts in a folder like this:
www - index.html
- fonts
- glyphicons-halflings-regular.eot
- glyphicons-halflings-regular.svg
- glyphicons-halflings-regular.ttf
- glyphicons-halflings-regular.woff
- glyphicons-halflings-regular.woff2