---
title: "Discussion on \"System Font Stacks\" | Hashnode"
description: "Discussion on \"System Font Stacks\". My preferred system font stacks are as follows:\nhtml, button, input {\n  font-family: -apple-system, 'Segoe UI', 'DejaVu Sans',\n    system-ui, sans-serif;\n}\n\ncode, kbd, pre, samp {\n  font-family: 'SF Mono', SFMono-Regular, ui-monospace,\n    'DejaVu Sa..."
url: "https://hashnode.com/posts/system-font-stacks/63c69ec5784f0831b288dc35"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [System Font Stacks](https://mvasilkov.animuchan.net/system-font-stacks?utm_source=hashnode&utm_medium=feed)

My preferred system font stacks are as follows: html, button, input { font-family: -apple-system, 'Segoe UI', 'DejaVu Sans', system-ui, sans-serif; } code, kbd, pre, samp { font-family: 'SF Mono', SFMono-Regular, ui-monospace, 'DejaVu Sa...

Jan 17, 2023 · 1 min read · mvasilkov.animuchan.net  
Read the article

-   [#css](https://hashnode.com/tag/css)
-   [#system-fonts](https://hashnode.com/tag/system-fonts)

## Written by

[Mark Vasilkov](https://hashnode.com/@mvasilkov)

@mvasilkov

  
[View profile](https://hashnode.com/@mvasilkov)

Computer programmer

## Responses

Markdown supported · ⌘↵ to post

No responses yet.