Back to Zulip

Font size

starlight_help/src/content/docs/font-size.mdx

12.01.6 KB
Original Source

import {Steps, TabItem, Tabs} from "@astrojs/starlight/components";

import FlattenedSteps from "../../components/FlattenedSteps.astro"; import ZulipTip from "../../components/ZulipTip.astro"; import PersonalMenu from "../include/_PersonalMenu.mdx";

import MinusIcon from "~icons/zulip-icon/minus"; import PlusIcon from "~icons/zulip-icon/plus"; import TypeBigIcon from "~icons/zulip-icon/type-big";

Zulip offers a range of font size options, from 12 to 20, to make the UI feel comfortable on any screen.

Change font size

<Tabs> <TabItem label="Desktop/Web"> <FlattenedSteps> <PersonalMenu />
  1. Click <PlusIcon /> to increase the font size, <MinusIcon /> to decrease it, and <TypeBigIcon /> to reset to the default.
</FlattenedSteps>
</TabItem> </Tabs>

Zoom in or out

You can further adjust the font size by zooming in or out in your browser, or in the Zulip desktop app.

<Tabs> <TabItem label="Desktop/Web"> <Steps> 1. Use <kbd>Ctrl</kbd> + <kbd>+</kbd> to zoom in, <kbd>Ctrl</kbd> + <kbd>-</kbd> to zoom out, or <kbd>Ctrl</kbd> + <kbd>0</kbd> to reset to default zoom. </Steps>
<ZulipTip>
  In the Zulip desktop app and most browsers, you can also open the **View**
  menu in the top menu bar, and click **Zoom In**, **Zoom Out**, or **Actual
  Size**.
</ZulipTip>
</TabItem> </Tabs>