Fix for Webpack keeping fontFamily parameter for iOS

[yairopro]

No description provided.

[yairopro]

@oblador After #775 has been closed, this is another try to make fix for Webpack.
As you will see, I did the same thing on fontReference you did for Android, so it won't make break changes for iOS.

PS: don't take care of the empty commits after, sorry. Only the first one is important.

[oblador]

Think this actually also broke iOS, did you try your changes? Anyway, I refactored it and think it should be fine now. Please test with your setup, and the example project.

[yairopro]

You are right, I forgot the default assignment in the Platform.select.
I still didn't try. Do you want me to try and tell you ?

[oblador]

Please do!

[oblador]

@yairopro Could you fix the lint error and test that this PR works on iOS and Android? Would like to get it in the next release along with some other breaking changes.

[yairopro]

I won't be able to check it before sunday, sorry.

[oblador]

Run tested this on iOS

[zachariahtimothy]

Any chance we can get an example of what might need to change in webpack to support this change? The file name does not match the font name so browsers are not loading fonts in version 5.x. Thanks!

[zachariahtimothy]

Disregard my last message. Anyone coming here using Material UI Icons, for version 5.x you need to change the font family in your font-face style injector from "Material Icons" to "MaterialIcons". This is working for me

const iconFont = require('react-native-vector-icons/Fonts/MaterialIcons.ttf');
  console.log('iconFont', iconFont)
  const iconFontStyles = `@font-face {
    src: url(${iconFont});
    font-family: "MaterialIcons";
  }`;

  const style = document.createElement('style');
  style.type = 'text/css';
  if (style.styleSheet) {
    style.styleSheet.cssText = iconFontStyles;
  } else {
    style.appendChild(document.createTextNode(iconFontStyles));
  }

  document.head.appendChild(style);```