One character in a custom font is displaying wrong

[TaylorClem]

I added a custom font to my site, using the Lorenza theme, but the O shows up incorrectly, anyone know how to fix this?

Here's the code: 

@font-face {
font-family: "LaRosa";
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("LaRosa.woff") format("woff");
}

h1, .h1, .h1, h2, .h2, .h2, h3, .h3, .h3, h4, .h4, .h4, h5, .h5, .h5, h6, .h6, .h6 { font-family: "LaRosa" !important; }

[KetanKumar]

@TaylorClem 

Thanks for post

please add all fonts type file see more details 

Yes, you can do easy to upload your custom font

1. Go to Online Store->Theme->Edit code
2.Asset->/theme.scss.liquid->upload your custom font all font tyep = TTF, OTF, WOFF, WOFF2, SVG
3. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@font-face {
font-family: 'Montserrat-Regular';
src: url('{{ 'Montserrat-Regular.eot?' | asset_url }}');
src: url('{{ 'Montserrat-Regular.eot??#iefix' | asset_url }}') format('embedded-opentype'),
url('{{ 'Montserrat-Regular.woff' | asset_url }}') format('woff'),
url('{{ 'Montserrat-Regular.ttf' | asset_url }}') format('truetype'),
url('{{ 'Montserrat-Regular.svg#Montserrat-Regular' | asset_url }}') format('svg');
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: antialiased;
}

 can you please just change font name, for example, Montserrat-Regular to your custom font name

Important: upload your custom font all font tyep = TTF, OTF, WOFF, WOFF2, SVG

[TaylorClem]

Unfortunately that’s not worked

[KetanKumar]

@TaylorClem 

Sorry for facing this issue, it's my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.