--- id: 5f3ef6e05473f91f948724ab title: Part 59 challengeType: 0 --- ## Description

You can change the `font-family` of text, to make it look different the the default font of your browser. Each browser has some common fonts available to it. Change all the text in your `body`, by adding a `font-family` property with the value `sans-serif`. This is a fairly common font that is very readable.

## Tests

```yml tests: - text: Test 1 testString: '' ```

## Challenge Seed

```html Camper Cafe Menu

CAMPER CAFE

Est. 2020

Coffees

French Vanilla

3.00

Carmel Macchiato

3.75

Pumpkin Spice

3.50

Hazelnut

4.00

Mocha

4.50

Desserts

Donut

1.50

Cherry Pie

2.75

Cheesecake

3.00

Cinammon Roll

2.50

```

```css --fcc-editable-region-- body { background-image: url(https://tinyurl.com/coffee-beans-fcc); } --fcc-editable-region-- h1, h2, p { text-align: center; } .menu { width: 80%; background-color: burlywood; margin-left: auto; margin-right: auto; padding: 20px; max-width: 500px; } .item p { display: inline-block; } .flavor, .dessert { text-align: left; width: 75%; } .price { text-align: right; width: 25% } ```