While working on a website project, the client requested to use Roboto as the main font (by Google). Different styles of Roboto such as Roboto Thin or Roboto Light were used for various elements on the page. However, I utilized the @font-face selector to ensure that the browser displays the text in Roboto. The challenge lies in needing different weights that are not part of the standard Roboto font. If this explanation is unclear, feel free to ask for further clarification or examples.
PS: I came across a similar thread addressing a comparable issue where system fonts were used alongside @font-face. Using @fontface, how do I apply different styles to different font-families?