Font Cambria Of Website Is Not Working On Any Android Devices

I have implemented a website using AngularJs. I used several fonts including cambria and calibri using font-family, The fonts are working perfect on Webiste and even on Ios Mobiles

Solution 1:

Android devices generally don't have the font Cambria installed on their systems, so the Android browsers can't display text with this font.

You can use a CSS font stack so that if one font is not installed the browser will try to use the next one:

font-family: Cambria, Georgia, serif;

---

Or you can look at Web Fonts.

On your website, put the font Cambria at a url like /cambria.ttf. Then you can use it in CSS like:

@font-face {
  font-family: 'MyCambria';
  src: url('webfont.ttf')  format('truetype');
}

Now use

font-family: Cambria, 'MyCambria', serif;