Site URL: https://dunikal.com/magasin
So this is the issue I'm having:
When my Squarespace site is set to default language FR-CA, a non-breaking space is automatically inserted between the amount and dollar sign of all product prices. See below:
<div class="product-price" id="yui_3_17_2_1_1661790753009_214">
À partir de 179,98 $
</div>
The problem I'm having is when trying to customize .product-price through css. Adding any font-family element to .product-price will make the non-breaking space super long and break the page layout (see images attached). The price displays fine with the default site fonts.
I can work around it with white-space: nowrap & overflow: hidden, but it doesn't work in the related-category block.
Why does the non-breaking space act that way as soon as any font-family is added? Any way to control it?
Thanks
