The font Noto Sans is a nice typeface. It seems to be fairly popular.
Font Noto Sans is often substituted for the Microsoft font Segoe UI.
The generator (further below) is self-explanatory. When you have the style you want, tap the "Tap to display CSS class" link to view the CSS class. The CSS class code may be copied and used at your website.
If you do not already have Noto Sans on your website or embedded from an external site, put this code into the HEAD area of your web page source code. It needs to be above the CSS stylesheet.
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wdth,wght@0,62.5..100,100..900;1,62.5..100,100..900&display=swap" rel="stylesheet">
The above will embed Noto Sans obtained from Google. If you wish to see what Google has to say about it, go to their Noto Sans page and tap the "Get font" button. After that, the "Get embed code" button.
Here is the CSS class generator. When you have a suitable format selected, copy the class and use it in your stylesheet. Adjust the class name and declarations as desired.