Can somebody please help me. I was house cleaning my files on Shopify and I deleted my store logo that was being used on the Packing Slip by mistake. Trying to get it back, i reverted the packing to slip to the default and now the Font i was using has been replaced. How do I change the font across the entire packing slip?
thanks
Bill M.
HI @wrmusall Can you show me your slip and also what are you using for making the slip is it a app.
i would like the entire packing slip to be consistent in the font used. But I don’t know how to code or do CSS so i’m a bit overwhelmed at this point.
You are using adobe for slip making right?
no. shopify
If you are using shopify auto generate then follow these steps:
there you see code for package slip template find this code
.wrapper {
Here you see a line
font-family: "Noto Sans", sans-serif;
change the font as you want and preview your slip and save it.
If you want I can do it for you.
using the shopify template editor
Follow the instructions I send to you.
ok
Sorry I think Message is not send follow these instructions
If you are using shopify then
Go to your Shopify admin panel
Navigate to Settings → Shipping and delivery
Scroll at the end of page click Packing slips templates
Find the line some where near 200 line
.wrapper {
at change this line
font-family: “Noto Sans”, sans-serif;
with your font name
preview and save.
Tell me if it is not working and if you want I can do it for you.
it did not make any changes
can you add me I can do it for you.
sure. how do I do that?
Hi - I’m curious if you were able to change the font for this person. Mine isn’t working either. I’ve literally tried everything and other edits are working except for changing the font.
Anyone figure this out? There seems to be an error in the code somewhere because not even the defauly Helvetica font is loading for me. Nothing seems to affect the font.
Depending on which font you want to use there are different solutions. As @Supporter said, if you go to Settings, then Shipping and Delivery, then to Packing Slips Template, you’ll see all the HTML, Liquid, and CSS which make up your packing slip.
If you click into that code box and use the search keyboard shortcut (ctrl+f or cmd+f on Macs), you can then type in “family” and the screen should jump to the font-family tag in the CSS section.
You can remove the code between the : and ;, then test it out with the most generic common font families: serif, sans-serif, monospace, cursive and fantasy.
Should look like this: font-family: cursive;
Save that, preview, and all of your text has hopefully changed. Right? (It might not look nice, but you’ve got something to change and that’s a beginning)
Now, you have two options (more or less), you could use one or more of those fonts in whatever combination looks best. A common idea is to use serif for titles/headings and sans-serif for the rest of the text. It might not look bad.
The easiest way to do that is to have the “wrapper” (as mentioned before) and change the font-family to sans-serif, then search for “.to-uppercase” and add the line like this:
.to-uppercase {
text-transform: uppercase;
font-family: serif;
}
Save that, and preview. You can now pretty much play around with fonts. The problem here is that Shopify only recognises certain fonts…
The workaround for that is pretty involved, but there is one here: Google fonts suddenly not working on packing slips
Let me know if that’s any help, or if I haven’t written things well.