Put a particular font on an element

[devastud]

Hello everybody ,

I want to change the font of an element with roboto-light-tff, the main font of the html page it’s roboto black. But in my css folder I also downloaded Roboto-light-tff.

I don’t understand why the police don’t change
Thank you for your help.

@font-face {

font-family: “Roboto”;

src: url("/Public/Font/Roboto/Roboto-Black.ttf") format(“truetype”);

}

[lasjorg]

Did you specify the font-family on an actual element (e.g. body, p, etc.)

[devastud]

Yes like this font-family : roboto
font-weight : 100;

It’s not correct ?
For this roboto-light-tff ?
I want use for element p with class.

[lasjorg]

If you just want the Roboto font why not use the web font version from google fonts?

Google Fonts

---

If you open the dev tools (F12) you can look at the network tab to see if you are linking to the fonts correctly. One thing I can see that might be an issue is if you are not serving the page but just opening it in the browser the root-relative path / might fail. You can serve the page in VS Code using the Live Server extension, or you can try using ./ instead of/ for the starting path.

[devastud]

OK , thank you , I will check.