Strike through, not in the middle

Hi
Promotions are listed as strike through old prices like this....

Is there anyway to change the strike through so that it is displayed through the middle rather than the bottom, or better as a diagonal bottom left to top right, or top left to bottom right ?

So what font is recommended ?

Under "Edit Styling"

/ Fonts /
@font-face {
  font-family: 'Asap';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local(''), url('../fonts/asap-v26-latin-ext_latin-regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Asap';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local(''), url('../fonts/asap-v26-latin-ext_latin-700.woff2') format('woff2');
}

Can you give us an url where the issue is visible?

https://shop.shears.co.uk/other-plants-c-11/hosta-plug-plants-mixed-pack-p-98

Page Code..

<div id="low-prices">NOW ONLY</div>

              <div class="price-wrapper">
                            <del class="regular-price">£3.99</del> <strong class="campaign-price">£2.99</strong>
                          </div>

[img=500x320]https://webprofis.nl/testimages/lcc.jpg[/img]

Above is shown in IE, Chrome and Opera.

Mozilla Firefox below:
[img=500x362]https://webprofis.nl/testimages/lccm.jpg[/img]

So probably you are using Firefox browser

And indeed, like s22_tech already mentioned, this is a font issue:
[img=500x340]https://webprofis.nl/testimages/lccm1.jpg[/img]

Very Clever !
Thanks for looking into this for me, help appreciated
Thanks

it seems there is an issue with Mozilla Firefox and Asap font:
https://github.com/google/fonts/issues/2436

In your file variables.css change

   --default-text-font: 'Asap', Arial, 'Helvetica Neue', Helvetica, sans-serif;   
}```
Skip Asap from it:
```:root {
--default-text-font: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}```

Ah !
Thats done the trick !