Alright, so I have uploaded the font file and added the asset, placed the code in the theme.css, added the webkit everything. It’s still not working. When I add custom css to the actual pages, it changes, but not to the correct font with monospace. I can’t get the monospace to work.
Topic summary
A user is experiencing issues implementing a custom monospace font on their store. Despite uploading the font file, adding it as an asset, inserting code in theme.css with webkit prefixes, the font displays incorrectly—only working when custom CSS is added directly to individual pages, but not rendering as the intended monospace typeface.
Troubleshooting attempts:
- Font file uploaded and added as asset
- Code placed in theme.css with webkit compatibility
- Custom CSS on individual pages partially works but doesn’t display correct monospace font
Community responses:
Two users provided YouTube tutorial links demonstrating custom font implementation processes as potential solutions.
Status: The issue remains unresolved, with the user awaiting further guidance or confirmation whether the suggested video tutorials address their specific monospace font problem.
HI @ach-v
I’ve found a video that may meet your needs. You can follow the steps outlined in the video to achieve the desired results. Here’s the link: https://www.youtube.com/watch?v=yCtH_-DBU8I.
Please take a look and follow along with the tutorial. It should provide clear guidance and help you through the process. Let me know if you have any questions or if there’s anything else I can assist you with!
I hope this helps
Best,
Daisy