Cannot figure out why Font is not working on some devices (Streamline theme)

Store Design
, , ,
1

Here is my code:

@font-face {
font-family: “Bubble Rainbow”;
src: url(“Bubble Rainbow.woff2”) format(“woff2”),
url(“Bubble Rainbow.woff”) format(“woff”);
url(“Bubble Rainbow.tff”) format(“tff”);
url(“Bubble Rainbow.otf”) format(“otf”);
url(“Bubble Rainbow.eot”) format(“eot”);
url(“Bubble Rainbow.svg”) format(“svg”);
}

h1, h2, h3, h4, h5 {font-family: ‘Bubble Rainbow’;}

.h1, .h2, .h3, .h4 { font-family: "Bubble Rainbow"!important; }

Fonts are uploaded to my asests folder!

2

Hello @talsworld
I would like to give you the recommendation to support you so kindly follow steps below:

Step 1: From your Shopify Admin, navigate Setting section and select “File”.
Step 2: Upload your Font File by selecting “Upload file”.
Step 3: The opened window will allow you to select the font file to add. After having successfully uploaded the file, select the “Link” icon to copy the file link.
Step 4: After that, look for the file “theme.liquid” under the Layout section or via the search bar. Select to open the file.
Step 5: Add the following codes at the bottom of the file.

<style>
@font-face {
  font-family: "Bubble Rainbow";
  src: url("Linkofthefontfile");
}
</style>

Replace the below elements of the code with actual data.

  • Linkofthefontfile: the link of the Font File that was previously uploaded. It is copied after you select the Link icon.
    Hit “Save” when finished.
    So you can use FontName that you added.

I hope the above is useful to you.
Best regards,
GemPages Support Team

3

That still did not seem to work. I linked to it the .woff2 font.

4

Hello @talsworld

Thanks for your reply.

Pls send me the link of font .woff2 so I can check if you uploaded the correct font.

Thank you and hope to hear from you.
Best regards,
GemPages Support Team

5

Here it is:
@font-face {
font-family: “Bubble Rainbow”;
src: url(“https://cdn.shopify.com/s/files/1/0558/9044/4357/files/Bubble_Rainbow.woff2?v=1678771390”);
}

Are you seeing the correct font on cutetuques.com?