I am using the Open Sans font from Google fonts in my application using this import rule:

```
http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800"

```

When testing locally and I have no internet connection, the font no longer works.

**What I have tried:**

I have downloaded this font and set it up inside of my CSS file for @font-face,
but it shows all characters are different.