# Set fonts, corners and sizes

> Use your theme's fonts or one of the cart's own, and set heading weight, button depth, corner shapes, text size and widths.

Source: https://help.attravo.com/drawer-cart/articles/set-fonts-corners-and-sizes
Updated: 2026-10-06

**Typography and shape** sets how the cart's text and shapes look. The cart can borrow your theme's fonts, so it reads like the rest of your store.

## Choose fonts

1. On **Cart settings**, open **Typography and shape**.
2. Set **Heading font** and **Body font**. **Match your theme (headings)** and **Match your theme (body)** use your theme's own fonts. The others, such as **Editorial serif**, **Warm humanist** and **Neutral grotesk**, use fonts already on shoppers' devices, so the cart never waits for a font to load.

![Heading font and Body font](https://xprvgpfulbcxrftgyppu.supabase.co/storage/v1/object/public/help-media/5d8df30e-32a3-4311-b03c-158adc08841b/6e0999c8-ff71-451c-8d4a-827bb772b773/type-1-fonts-917902664b.webp#w=1172&h=208)

## Set weights and buttons

- **Heading weight**: from **Light** to **Black**.
- **Heading alignment**: **Left**, **Centre** or **Right**, for the offers and category headings.
- **Section heading weight**: the offers and category headings only, or **Same as heading weight**.
- **Button depth**: **None (flat)**, **Soft shadow** or **Raised (solid edge)**, for the checkout and continue-shopping buttons.

![Heading weight, Heading alignment, Section heading weight and Button depth](https://xprvgpfulbcxrftgyppu.supabase.co/storage/v1/object/public/help-media/5d8df30e-32a3-4311-b03c-158adc08841b/6e0999c8-ff71-451c-8d4a-827bb772b773/type-2-weights-54b415fe55.webp#w=1172&h=592)

## Set text size and corners

1. Set **Text size** to scale every label, price and heading in the cart together.
2. Under **Corner radius**, set **Cards and panels**, **Images and inputs**, **Checkout button** and **Chips and badges**. 0 is square.

![Text size and the four corner settings](https://xprvgpfulbcxrftgyppu.supabase.co/storage/v1/object/public/help-media/5d8df30e-32a3-4311-b03c-158adc08841b/6e0999c8-ff71-451c-8d4a-827bb772b773/type-4-text-and-corners-5ed218b0f5.webp#w=1172&h=616)

## Set sizes

- **Drawer width (desktop)**: how wide the drawer opens on a computer. On phones it fills the screen.
- **Product image size**: the image on each cart line.
- **Checkout button height**.
- **Reward message size**: the line above the reward bar. Smaller fits a long reward name.

![Drawer width, Product image size, Checkout button height and Reward message size](https://xprvgpfulbcxrftgyppu.supabase.co/storage/v1/object/public/help-media/5d8df30e-32a3-4311-b03c-158adc08841b/6e0999c8-ff71-451c-8d4a-827bb772b773/type-5-sizes-9c047d3575.webp#w=1172&h=584)

Select **Save** when you are done.

## Start again

**Reset design to defaults** puts the colors, fonts, weights, corners, sizes and the checkout area order back as the cart ships. **Button depth** and the three drawer tints under **Surfaces** stay as they are. Nothing changes on your store until you save.

![Reset design to defaults](https://xprvgpfulbcxrftgyppu.supabase.co/storage/v1/object/public/help-media/5d8df30e-32a3-4311-b03c-158adc08841b/6e0999c8-ff71-451c-8d4a-827bb772b773/type-6-reset-c37131dc08.webp#w=1172&h=152)