--- id: 5f3ef6e05473f91f948724ab title: Passo 58 challengeType: 0 dashedName: step-58 --- # --description-- Você pode alterar o estilo de fonte com `font-family`, para que o texto fique diferente do estilo de fonte padrão do seu navegador. Cada navegador tem algumas fontes comuns já disponíveis. Mude todo o texto em `body`, adicionando a propriedade `font-family` com o valor `sans-serif`. Esta é um fonte bastante comum que é bem legível. # --hints-- Você deve definir a propriedade `font-family` para `sans-serif`. ```js const hasFontFamily = new __helpers.CSSHelp(document).getCSSRules().some(x => x.style['font-family'] === 'sans-serif'); ``` `body` deve ter uma propriedade `font-family` com o valor `sans-serif`. ```js const bodyFontFamily = new __helpers.CSSHelp(document).getStyle('body')?.getPropertyValue('font-family'); assert(bodyFontFamily === 'sans-serif'); ``` # --seed-- ## --seed-contents-- ```html Cafe Menu ``` ```css --fcc-editable-region-- body { background-image: url(https://cdn.freecodecamp.org/curriculum/css-cafe/beans.jpg); } --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% } ```