← All examples

Telegram: monospace input font

Switches the message input field to a monospace font, making it easier to type code and commands.

Code to copy

/* Type in a monospace font in the message input field */
.input-message-container .input-message-input,
.MiddleColumn .composer .form-control,
.MessageInput .form-control {
  font-family: ui-monospace, "Cascadia Code", Menlo, Consolas, monospace !important;
}

How to use this example

1. Copy the code with the button above.
2. Install JustZix (2 minutes) and open the extension on the target page.
3. Add a new rule matching that page.
4. Paste the code into the rule's CSS panel and save — the effect appears instantly.