How do I change the font on my packing slips to VT323?

Store Design
1

Driving myself absolutely crazy trying to change the font on my packing slips to VT323. Tried following the guidelines in this post, which is pretty recent and seems to have worked for others, but no luck on my end.

I have my packing slip code set up as follows:


    

      

        

          {{ shop.name }}
        

      

      
        

          Order {{ order.name }}
        

        

          {{ order.created_at | date: "%B %e, %Y" }}
        

      

    

    
      

        

          Ship to
        

        

          {% if shipping_address != blank %}
            {{ shipping_address.name }}
            {% if shipping_address.company != blank %}
              

              {{ shipping_address.company }}
            {% endif %}
            

            {{ shipping_address.address1 }}
            {% if shipping_address.address2 != blank %}
              

              {{ shipping_address.address2 }}
            {% endif %}
            {% if shipping_address.city_province_zip != blank %}
              

              {{ shipping_address.city_province_zip }}
            {% endif %}
            

            {{ shipping_address.country }}
          {% else %}
            No shipping address
          {% endif %}
        

      

      
        

          Bill to
        

        

          {% if billing_address != blank %}
            {{ billing_address.name }}
            {% if billing_address.company != blank %}
              

              {{ billing_address.company }}
            {% endif %}
            

            {{ billing_address.address1 }}
            {%  if billing_address.address2 != blank %}
              

              {{ billing_address.address2 }}
            {% endif %}
            {% if billing_address.city_province_zip != blank %}
              

              {{ billing_address.city_province_zip }}
            {% endif %}
            

            {{ billing_address.country }}
          {% else %}
            No billing address
          {% endif %}
        

      

    

    

---

    
      

        

          

            Items
          

        

        
          

            Quantity
          

        

      

      {% for line_item in line_items_in_shipment %}
        
          

            

              
                **{{ line_item.title }}**
              
              {% if line_item.variant_title != blank %}
                
                  {{ line_item.variant_title }}
                  {% if line_item.sku != blank %}
                    •
                    {{ line_item.sku }}
                  {% endif %}
                
              {% elsif line_item.sku != blank %}
                
                  {{ line_item.sku }}
                
              {% endif %}
            

          

          
            

              {{ line_item.shipping_quantity }} of {{ line_item.quantity }}
            

          

        

      {% endfor %}
    

    {% unless includes_all_line_items_in_order %}
      

---

      

        There are other items from your order not included in this shipment.
      

    {% endunless %}
    

---

    {% if order.note != blank %}
      
        

          Notes
        

        

          {{ order.note }}
        

      

    {% endif %}
    
      

        Thank you for shopping with us!
      

      

        <strong>
          {{ shop.name }}
        </strong>
        

        {{ shop_address.address1 }}, {{ shop_address.city }}, {{ shop_address.province_code }}, {{ shop_address.zip }}, {{ shop_address.country }}
        

        {{ shop.email }}
        

        {{ shop.domain }}

Any advice would be greatly appreciated – thanks in advance!

1 Like
2

@Sailormean

sorry for that issue

its not possible to add custom font sorry

3

Hi @KetanKumar , thanks for your reply!

Huh – do you know why it works for some of the people in this thread?

4

@Sailormean

sorry but doesn’t allow shopify custom font on any notification

5

@Sailormean

This solution worked for me in my packing slip template.

https://community.shopify.com/c/shopify-design/google-fonts-suddenly-not-working-on-packing-slips/m-p/1182270/highlight/true#M304014

Step 1.

Upload each font type to Settings->Files->

Step2:

Create a new CSS file in any editor, paste this code below and fill the correct links to the font files.

Copy link to cdn and copy it into src:url(…)

(Change ***** to your link of the font files…)

@font-face {
    font-family: 'Libre Barcode 39 Text';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('https://cdn.shopify.com/s/files******/files/LibreBarcode39Text-Regular.eot?v=1643640088'); /* IE9 Compat Modes */
    src: local(''),
         url('https://cdn.shopify.com/s/files/*****/files/LibreBarcode39Text-Regular.eot?v=1643640088') format('embedded-opentype'), /* IE6-IE8 */
         url('https://cdn.shopify.com/s/files/*****/files/LibreBarcode39Text-Regular.woff2?v=1643640088') format('woff2'), /* Super Modern Browsers */
         url('https://cdn.shopify.com/s/files/******/files/LibreBarcode39Text-Regular.woff?v=1643640088') format('woff'), /* Modern Browsers */
         url('https://cdn.shopify.com/s/files/*****/files/LibreBarcode39Text-Regular.ttf?v=1643633476') format('truetype'), /* Safari, Android, iOS */

  }

Step 3:

Copy this at the top into your "Settings->Shipping->Packing Slip template: (Change ***** to your link to the CSS file)

Step 4:

Copy this where you want your barcode.


{{ order.order_number }}
2 Likes
6

@Integrra Thank you very much for this post, I’m working on adding barcodes as well. Does your method described above still work for you? I couldn’t get the barcodes to show up, so I tried changing the font to something more generic instead (monospace) and on the packing slip PDF it came out… strange. It had dots in the center of the zeros, but the shape of the characters was the same as the rest of the text. That makes me suspect the ability to modify fonts on the packing slip at all is severely limited. Thanks again.