Shopify themes, liquid, logos, and UX
Hello!
I'm using the Cascade theme, and a custom font called Hobo (terrible name for a font, but what can you do) for the heading and accent. It's showing up on certain screens but not on mobile and also potentially larger screens like an iMac. I'm not very familiar with Cascade so any help would be appreciated!
site is https://idlehour.myshopify.com/
<style>
{{ main_font | font_face: font_display: 'swap' }}
{{ heading_font | @font-face {
font-family: ‘HoboStd’;
src: url('{{ ‘HoboStd.woff’ | asset_url }}') format('woff');
font-weight: normal;
font-style: normal;
}}
{{ accent_font | @font-face {
font-family: ‘HoboStd’;
src: url('{{ ‘HoboStd.woff’ | asset_url }}') format('woff');
font-weight: normal;
font-style: normal;
}}
{%- assign main_font_bolder = main_font | font_modify: 'weight', 'bolder' -%}
{%- assign main_font_italic = main_font | font_modify: 'style', 'italic' -%}
{%- assign main_font_bold_italic = main_font_bold | font_modify: 'style', 'italic' -%}
{% if main_font_bold %}
{{ main_font_bold | font_face: font_display: 'swap' }}
{% endif %}
{% if main_font_italic %}
{{ main_font_italic | font_face: font_display: 'swap' }}
{% endif %}
{% if main_font_bold_italic %}
{{ main_font_bold_italic | font_face: font_display: 'swap' }}
{% endif %}
{% if main_font_bolder %}
{{ main_font_bolder | font_face: font_display: 'swap' }}
{% endif %}
</style>
Lee Anna
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024