Hello,

When dealing with fonts during the application build you can encounter many issues. In particular if you encountered this kind of errors:

Failed to decode downloaded font: ***.woff2
OTS parsing error: Failed to convert WOFF 2.0 font to SFNT
Failed to decode downloaded font: ***.woff
OTS parsing error: incorrect file size in WOFF header
Failed to decode downloaded font: ***.ttf
OTS parsing error: GSUB: table overruns end of file

That means you are having an hard time with your fonts.
First let’s try to identify the source of the problem.

1. Even if you are not using Webpack you can encounter this issue because of Git converting your font into text files. Ensure your .gitattributes files contains these binary declarations:

   *.ttf binary
   *.eot binary
   *.woff binary
   *.woff2 binary

2. If you are using Webpack then try to switch from url-loader to file-loader as explained in this article.
3. If nothing works and you are using Webpack, check-out how you are importing the fonts. In my case I have downloaded “Material Design icons” myself and imported them using:

   import '../resources/iconfont/MaterialIcons-Regular.eot';
   import '../resources/iconfont/MaterialIcons-Regular.svg';
   import '../resources/iconfont/MaterialIcons-Regular.ttf';
   import '../resources/iconfont/MaterialIcons-Regular.woff';
   import '../resources/iconfont/material-icons.css';

   However it was necessary to install the as an npm package

   npm install material-design-icons --save

   and then import them into my style.scss file using:

   @import "~material-design-icons/iconfont/material-icons.css";

   Webpack was now able to process the fonts properly.

Hope these suggestions helped since this issue can be a real pain.

Have a good day!

Hello,

If you are shipping a Ionic application on mobile and you love to use Bower then you probably encountered this problem.

Doing a simple

bower install ionic

cause Bower to install also “angular”, “angular-animate”, “angular-ui-router” and “angular-sanitize” dependencies.

This happens because Bower reads the bower.json file of Ionic and find those modules listed under dependencies.

Read more

Hello everybody,

During this year I’ve been working at Wakanda, an ambitious start-up trying to establish his identity in the messy Javascript world.

The product that we are working on is easy to explain from the marketing point of view:

Wakanda is an open-source platform that allows you to quickly and easily create applications that can be deployed on Web and mobile. – from Wakanda.io

Ok cool, the definition is sexy enough to catch your interest but developers don’t fall for these marketing lines easily: what does Wakanda intends with “quick” and “easily”? What are the technologies in game?
Read more

Hello everybody,

Moving to a different country can be a real mess.
Many web-services doesn’t offers the same rules on different countries, Spotify is one of these.
Spotify free accounts can reproduce music on different country for at most 15 days.

After this time, Spotify FAQ suggest you to change your country in the profile page but you don’t exactly have all the countries available..

I don’t know if it’s a simple bug or a wanted behaviour, but I’m not going to the UK and I want my account to be transferred in another country RIGHT NOW! (without having to register a Premium account and change my payment method)

Read more

Hello all,

There are rare exceptions where you want to raise the default timeout of your karma-mocha unit testing suite.  Only for exceptional cases! If something it’s taking too long, usually it’s our fault, therefore that timeout is considered good practice.

// karma.conf.js
module.exports = function(config) {
  config.set({
    client: {
      mocha: {
        timeout : 6000 // 6 seconds - upped from 2 seconds
      }
    }
  });
};

Credits to this answer