One . typeface

1.1 Multiple color Fonts

Typora The default font color is black , Different from other software Typora The font color is related to the theme settings used , stay CSS In the file, you can set global font related attributes in the following areas .

[ Failed to transfer the external chain picture , The origin station may have anti-theft chain mechanism , It is suggested to save the pictures and upload them directly (img-AOKpP61z-1650600335809)(Typora Operation skill description （ One ）.assets/image-20220422112026937.png)]

But this approach is not flexible enough ,Typora Fonts in can be nested HTML, So you can use render inline HTML.

1.1.1 Quickly set font color

If you only need to adjust the font color , Then you can use <font color>text</font> A tag modifies a paragraph of text , Can achieve the effect of changing the color .

Example ：

• In red
• Gold font
• In blue

Sample source code ：

<font color="red"> In red </font>
<font color='gold'> Gold font </font>
<font color='blue'> In blue </font>

1.1.2 Fine tune the font

If you want to fine tune a paragraph of text, you need to use <span></span> Label and specify its name style attribute .style Use... Between each attribute value of the attribute ; Segmentation .

stay style The font color can be specified in the attribute 、 The background color 、 Font alignment, etc .

Examples are as follows ：

• Black bottom white character ： Black bottom white character .
• Black bottom white character 、 Specify as italic ： Black bottom white character
• Italicized white words on a black background change the size of the left margin ： Black bottom white character
• White characters on a black background in italics 、 Specify as italic 、 Change the size of the left margin and add a yellow border at the bottom ： Black bottom white character
• White characters on a black background in italics 、 Specify as italic 、 Change the left margin size 、 Add a yellow border at the bottom 、 Set the alignment and fillet ： Black bottom white character

The sample source code is as follows （CSDN I can't see the effect on , You can copy the source code and try it yourself ）：

<!--  Black bottom white character  -->
<span style=" background:black;color:rgb(255, 255, 255)"> Black bottom white character </span>
<!--  Black bottom white character 、 Specify as italic  -->
<span style=" background:black;color:rgb(255, 255, 255);font-style:italic"> Black bottom white character </span>
<!--  Italicized white words on a black background change the size of the left margin  -->
<span style=" background:black;color:rgb(255, 255, 255);font-style:italic;margin-left:20px"> Black bottom white character </span>
<!--  White characters on a black background in italics 、 Specify as italic 、 Change the size of the left margin and add a yellow border at the bottom  -->
<span style=" background:black;color:rgb(255, 255, 255);font-style:italic;margin-left:20px;border-bottom: 15px solid #FFFF00"> Black bottom white character </span>
<!--  White characters on a black background in italics 、 Specify as italic 、 Change the left margin size 、 Add a yellow border at the bottom 、 Set the alignment and fillet  -->
<span style=" background:black;color:rgb(255, 255, 255);font-style:italic;margin-left:20px;border-bottom: 15px solid #FFFF00;text-align:right;border-radius: 0.4rem;"> Black bottom white character </span>

1.2 More Fonts

If you find that the normal input method cannot meet the required font , There are two solutions ：

• Use HTML Inline rendering HTML Entity . for example ： perhaps £
• Use LaTex Symbol .$\alpha$ perhaps $\theta$

Sample source code ：

® perhaps £
$\alpha$ perhaps $\theta$

Two . Link details

To be continued ！！