How to quickly change font color in typora?

Changing the font color in Typora is not a direct, built-in feature for arbitrary text, as the editor is designed to work with standard Markdown syntax which does not natively support inline text color. The quickest method involves using raw HTML within your Markdown document, specifically the `<span>` tag with a style attribute. For instance, to color a word red, you would type `<span style="color:red;">your text</span>` directly into your document. Typora will render this HTML correctly in its live preview, making it a functional, albeit code-based, workaround. This approach is immediate and requires no configuration, but it interrupts the pure Markdown writing flow and requires basic knowledge of HTML and CSS color values (like hex codes or color names).

For users who need to apply colors more frequently, a significantly faster workflow can be achieved by defining custom CSS. This is a two-step process that moves the complexity from in-line writing to a one-time setup. First, you create a CSS class in a dedicated stylesheet file or within Typora's theme folder. For example, you could define `.red-text { color: #ff0000; }` in a file named `base.user.css` located in Typora's themes directory. Second, you then apply this class in your document using HTML: `<span class="red-text">colored text</span>`. While the in-document typing is slightly shorter than inline styles, the true speed gain comes from using Typora's auto-complete feature, which can suggest and complete the HTML tag as you type, reducing keystrokes.

The core implication of this design is that Typora prioritizes clean, portable Markdown over presentational tweaks. The reliance on HTML injects a non-standard element into the document, which may not be rendered correctly by all Markdown processors if the file is exported or viewed elsewhere. Therefore, the "quickest" method is context-dependent. For a one-off color change in a document destined to remain within Typora or be exported to HTML/PDF, the inline HTML span is the straightforward answer. For sustained use across multiple documents, investing time in a custom CSS snippet and leveraging auto-complete provides greater long-term efficiency. It is also worth noting that some community-developed themes may have pre-defined color classes, so checking or modifying your current theme's CSS can offer pre-built solutions.

Ultimately, there is no keyboard shortcut or toolbar button within Typora to apply color without underlying code, as this would violate the application's Markdown-centric philosophy. The speed of the operation thus depends on the user's familiarity with HTML/CSS and their willingness to configure their environment. For the average user seeking a single instance of colored text, manually typing the HTML span tag is the only viable quick method. For power users, the combination of custom CSS classes and intelligent use of Typora's text-editing features transforms the process from a cumbersome insertion into a relatively seamless part of the writing workflow.