I am using Google Lato font for my UI Development perspective but i had a problem when i using lato font it doesn't render correctly in IE but its working fine in Chrome Browser, I couldn't understand what happened?

I just download the Google font to my local

**Lato Google Font**

```
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700&amp;subset=latin-ext" rel="stylesheet">

```

**My Local Path**
[![enter image description here](https://i.stack.imgur.com/W04fF.png)](https://i.stack.imgur.com/W04fF.png)

**Specify in CSS**

```
body {    font-family: 'Lato', sans-serif;} 

```

**Chrome** - Its Taking `'Lato'`

**IE** - Lato Font Not Rendering, Instead of lato font it will take `sans-serif`

I don't know what i missed, can you help me in that case ?