Problem using google fonts

Question

By using Google fonts to make block quote marks, they are not appearing in this style
66 Block quote 99
But simple straight strokes, which is not desired, how to use Google fonts correctly to achieve it?

Example of what I mean can be seen in the code:

https://code.sololearn.com/WumV7aB5777u/?ref=app

Answer 1

Hi Aditya,

In order to get the 66 and 99 style double quotes we ll need to use those characters specifically in our text.

See the css
#steve:before{
content: "\201C";
}

#steve:after{
content:"\201D";
}

We can also use Html code directly in the text as well.

For Reference:-
66 or Left double quotation mark
https://www.toptal.com/designers/htmlarrows/punctuation/right-double-quotation-mark/

99 or Right double quotation mark:
https://www.toptal.com/designers/htmlarrows/punctuation/right-double-quotation-mark/

https://code.sololearn.com/WJhYFcfcyLue/?ref=app

Answer 2

// Your code is work perfectly with Google Fonts.

Answer 3

What I mean to say is that they do not appear in the style 66 99
But as simple one sided strokes.
I want the 66 99 styled quote marks

Answer 4

// Use the fonts in serif or handwriting.

Answer 5

Morpheus thank you so much!!
👍