Forum | Appery.io

Ok,
I found this in the theme...I created my theme based in ios7 themeAny ideas how could I solve it to show the icons?

code

• Globals */

  /* Fonts */
  @font-face {
  font-family: 'iconsetIOS7';
  src:url('images/iconsetIOS7.eot');
  src:url('images/iconsetIOS7.eot?#iefix') format('embedded-opentype'),
  url('images/iconsetIOS7.ttf') format('truetype'),
  url('images/iconsetIOS7.woff') format('woff'),
  url('images/iconsetIOS7.svg#iconsetIOS7') format('svg');
  font-weight: normal;
  font-style: normal;
  }
  /code

  AND ALSO

  code

  /*************************************************************************************************************/
  /** Icons overrides *************************************************************************************/
  /************************************************************************************************************/
  [class="ui-icon-"]:after {
  font-family: 'iconsetIOS7';
  speak: none;
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: normal;
  white-space: normal;

  /code

Hello testingappery,

Unfortunately it looks like the only way is to comment parts of your code one by one to find out the reason. And then change this part or maybe to add weight to the rule, that doesn't work correctly.

ok, I found the solution!

When I created the template I just copied the theme file in Appery and then I selected it from the setings panel.
After that, Appery creates a new theme folder in the source, and that folder contains som resources. One of those resources are the fonts and in Appery, the App Icons for buttons are fonts! (special characters from the fonts).
The font name in my case was iconsetIOS7.ttf and it was not present in the source for my new theme.

The solution was to upload it manually to the source, now it is working!

Hello!

Thank you for the update, glad it works!