Solution 1 :

You’ll want to set the font-family, like this:

.doneazab {
  font-family: "Source Sans Pro", sans-serif;
  color: #343434;

If you visit the URL you’re loading from Google Fonts, you’ll see that it’s a CSS file with @font-face declarations. All those declarations define the font-family name as Source Sans Pro, which make it possible for you to reference that name elsewhere in your CSS.

This is also shown underneath the other code snippet for link or @import on Google Fonts, ex:

Screenshot of the Google Fonts code snippet interface

Problem :

I have this 2 option copy from

<link rel="preconnect" href="">
<link href="[email protected];300;400&display=swap" rel="stylesheet">

@import url('[email protected];300;400&display=swap');

I want to keep this font, but also to copy into my file.css in order to make a class, such as this one?

.doneazab {font-family: sans-serif;color: #343434;}

So, how can I transform that google font style link into a class?


Comment posted by Just Me

my problem was this part of the css, which isn’t tell me nothing