Menu
  • HOME
  • TAGS

How to check if Google Font is properly embedded if I have the font on my computer?

fonts,webfonts,google-webfonts

Google Fonts always tries to use a locally installed font first. One option is include their @font-face in your own CSS and remove the local() stuff, as explained in this Stackoverflow question.

Error With Google Webfont Not Loading Characters

webfonts,google-webfonts,roboto

I am unsure why this is happening and would still love an answer but I found a solution that I am using in the mean time. It appears to have have happened with content that was copied into my text. For spaces or other symbols were this appears (such as...

Avoid Symbols in Google font

fonts,webfonts,google-webfonts

You have to set your page encode to UTF-8

Angular Material web font icons () not showing up?

css,google-webfonts

I also struggle trying to get the icons to show as well, so here is what I ended up doing: Add to the head of your html the following <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> then add your icon using the following: <i class="material-icons">android</i> you could also use it inside an md-button as...

Google webfonts not working using Web View in Android 4.0 and 4.2.2

android,webview,google-webfonts

The answers above are valid and give insight into the subject, thanks to moallemi and Vaiden for those. We cannot use web fonts on Android 4.0 that is a shame. The solution to our problem with webfonts on Android 4.2 was related to the fact that in the CSS that...

roboto font not working in css

css,xhtml,font-face,webfonts,google-webfonts

You are using custom font so you need to add a few font type format as well; like ttf, eot and svg for iphone, ipad devices. Note: Some browsers supports different font type that's why you need ttf,svg or eot. @font-face { font-family: 'Roboto'; src: url('Roboto-ThinItalic-webfont.eot'); src: url('Roboto-ThinItalic-webfont.eot?#iefix') format('embedded-opentype'), url('Roboto-ThinItalic-webfont.woff')...

Overlap between letters of Google Font on iPhone and Firefox

css,font-face,webfonts,google-webfonts,google-font-api

Unfortunately I wasn't able to correct the issue in Google Web Fonts. I resorted to using a webfont kit from FontSquirrel instead and there seems to be no issue. http://www.fontsquirrel.com/fonts/cinzel