Calling font face does not resolve to keep text visible on font load warning

I tried calling fonts using:

@font-face {
font-family: ‘Roboto’;
src: url(‘https://fonts.googleapis.com/css?family=Roboto&display=swap&#8217:wink:;
font-display: swap;
}
@font-face{
font-family: ‘Roboto-Condensed’;
src: url(‘https://fonts.gstatic.com/s/robotocondensed/v18/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYag.ttf&#8217:wink: format(‘ttf’:wink:;
font-display: swap;
}

But the Roboto-Condensed Font did not resolve. With that, a few more listed in the performance report did not resolve.
Can you help me resolve this?