Why is @font-face not reading the font correctly?

Question

css

There are third party Segoe UI fonts for the site. There is already an applied normal type of this font, which has no effects. I'm trying to apply the semi-light version, but the serif font comes out! Although the font itself is "bald", so to speak. Here is the CSS code:

@font-face {
    font-family: Segoeui;
    src: url("../fonts/segoeui.ttf");
}

@font-face {
    font-family: Segoeui;
    src: url("../fonts/segoeuisl.ttf");
    font-weight: lighter;
}

div.content-text p {
    font-family: Segoeui;
    font-weight: lighter;
}

Such garbage ... All paths are correct, checked 25 times. I tried to create a separate family or put it instead of a font without effects - all the same.

Answer 1

Try Bulletproof @font-face Syntax by Paul Irish.