I have one question. I want to know how to solve the following example:

I create html page with "div" tag and in browsers looks different...

CSS code:

```
*{
    margin:0;
    padding:0;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

@font-face{
    font-family:myFont;
    src:url('PTN57F.ttf');
}

body{
    background:#f5f5f5;
}

.content{
    width:200px;
    height:30px;
    background:#EEE;
    border:1px solid #CCC;
    margin:auto;
    margin-top:40px;
    font-size:16px;
    font-family:myFont;
    text-align:center;
}

```

Browsers different:

![enter image description here](https://i.stack.imgur.com/SUfa3.jpg)

Problem is in font weight and padding. Is there any solution on this?