CSS+專區

wordpress中調整文章行距，修改文章行距：
1、首先進入後台—外觀—外觀編輯器，選擇樣式下的樣式表（style.css）
2、然後開始編輯樣式表（style.css），查找代碼line-height，直到找到.post .content 下的line-height，如下

.post .content {
padding:5px 0 5px 5px;
line-height:145%;
overflow:hidden;
}

3、將line-height後面的145%改成22px（就是現在設置的行距大小，你可作為參照），更新文件。
4、修改文章字體大小，同樣是編輯樣式表（style.css），查找代碼font-size，直到找到body下的font-size，如下：
body {
background:#BEC3C6 url(img/bg.jpg) repeat-x;
color:#555;
font-family:Verdana,”BitStream vera Sans”,Helvetica,Sans-serif;
font-size:12px;

5、將font-size設置成你想要的，更新文件即可。

如何調整 WORDPRESS 文章行間距?    https://www.365ordinarydays.xyz/2021/11/wordpress.html
第一步, 按下右上角的三個點, 然後選擇[程式碼編輯器]  Ctrl+Shift+Alt+M
第二步, 在第一行 <!--wp:paraphraph 和第二行 <p style= 之間, 加入下面這一行:
<div style="line-height: 1.7; letter-spacing: 2px;"> 如下圖:

>>>   直接再WP編輯器 程式碼text  直接貼上    <div style="line-height: 1.7; letter-spacing: 2px;">  即可調整行距與字寬

調整行高間距與字間距 語法  編輯器TEXT切頁下，直接貼在最上面一行  更新  程式碼最下方 會自動補上</div>
整個區塊包起來 套用行高與字距設定
<div style="line-height: 1.7; letter-spacing: 2px;"> 

</div>

font-size:   是字體的大小, 可以用%, 也可以直接設定大小, ex: 16px  
line-height:   是行距
letter-spacing:   是字和字的間距   當然, 如果想改字體顏色的話, 還可以加進去下面這一項:color:#a04000

WordPress Advanced Editor Tools 自訂編輯器選項與文章斷行設定   https://www.minwt.com/website/wordpress/22975.html

/* CSS01 */

@import url(https://fonts.googleapis.com/earlyaccess/cwtexhei.css);

@import url(https://fonts.googleapis.com/earlyaccess/cwTeXMing.css);

@import url('https://fonts.googleapis.com/css?family=Oswald');

@import url('https://fonts.googleapis.com/css?family=Cinzel+Decorative');

@import url('https://fonts.googleapis.com/css?family=Nixie+One');

@import url('https://fonts.googleapis.com/css?family=Tenor+Sans');

@import url("https://use.typekit.net/pkn8igb.css");

@font-face {font-family: 'MSH'; src: url('../FONTS/MSH.otf') format("opentype"); }

body {

  border: 0;

  font-family: 'Open Sans',"微軟正黑體", "Microsoft JhengHei";}

/* CSS02 */

.main-slider .multi-slider .slider-content .slider-title .main-slider .multi-slider .slider-content .slider-title a

{

border: 0;

font-family: 'Open Sans',"微軟正黑體", "Microsoft JhengHei";

}

.slider-content .slider-title a 

{text-shadow: black 0.1em 0.1em 0.5em;

font-weight: 800;

font-family: 'Open Sans',"微軟正黑體", "Microsoft JhengHei"

}

.slider-content .slider-text 

{text-shadow: black 0.1em 0.1em 0.5em;

font-weight: 800;

}

/* CSS03 */

h1,

h2,

entry-,

h3,

h4,

h5,

h6,

entry-title,

main-slider{

font-family:'Open Sans',"微軟正黑體", "Microsoft JhengHei";}

/* CSS03 */

#colophon .widget-title, #colophon .widget-title a {

font-family:'Playfair Display SC', 'cwTeXHei',"微軟正黑體", "Microsoft JhengHei";}

/* CSS04 */

.feature-news-title, .main-navigation a {font-family: 'Tenor Sans', sans-serif;}

/* CSS05 */

.widget-title span {font-family: 'Nixie One', "微軟正黑體", "Microsoft JhengHei";

}

/* CSS06 .widget-title */

#secondary .widget-title {

font-size: 18px;

font-family:'minerva-modern','MSH';

}

/* 網頁捲軸【寬度】 */

::-webkit-scrollbar {

  width: 16px;

}

/* 網頁捲軸【背景】顏色 */

::-webkit-scrollbar-track {

  background: #f7d3db;

}

/* 網頁捲軸【把手】顏色 */

::-webkit-scrollbar-thumb {

  background: #d6586d;

}

/* 網頁捲軸【滑過時】把手的顏色 */

::-webkit-scrollbar-thumb:hover {

  background: #c4495d;

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100&display=swap');

@import url(https://fonts.googleapis.com/earlyaccess/cwtexhei.css);

@import url(https://fonts.googleapis.com/earlyaccess/cwtexyen.css);

@import url("https://use.typekit.net/pkn8igb.css");

/* .section-subtitle {font-family: 'Noto Sans TC', sans-serif; }*/

/*font-face與上傳字體woff */
@font-face {font-family:'MFB';
src: url('../tcscope/FONTS/MFB.woff') format("woff");
}   
@font-face {font-family:'HANA';
src:url('../tcscope/FONTS/HanaMinA.woff') format("woff");
}    

.section-subtitle {
font-family: 'MFB', sans-serif;
}
.site-description {
font-family:'HANA', serif;
}
.site-title a {font-family:'minerva-modern', sans-serif;
font-weight:100;
}

@import url("https://fonts.googleapis.com/css?family=Noto+Sans+TC&display=swap");

@import url(https://fonts.googleapis.com/earlyaccess/cwtexhei.css);

@import url(https://fonts.googleapis.com/earlyaccess/cwtexyen.css);

@import url("https://use.typekit.net/pkn8igb.css");

/* sans-serif: 無襯線體

 * serif: 襯線體

 * /

/* 內文主體CSS01 */

body { border:0; font-family:'Open Sans',"微軟正黑體" ,Microsoft JhengHei,'Noto Sans TC';}

/* 網站標題CSS02 */
.site-title a {font-family:'cwtexhei','微軟正黑體' , Noto Sans TC, sans-serif;}

.site-description {font-family:微軟正黑體, 'Noto Sans TC' , sans-serif;}

/* Slider CSS03 */

#main-slider .slider-content .entry-title a {

font-family: 'minerva-modern' , cwtexhei, Microsoft JhengHei, Noto Sans TC;

font-weight:520;

}

/* CSS05 */

#header-featured-image .page-detail .page-title {font-family: minerva-modern,微軟正黑體, Microsoft JhengHei;

}

/* CSS 07 FONT MinervaModern*/

.main-navigation a {font-family: minerva-modern,"微軟正黑體","Microsoft JhengHei";}

/* CSS06 */

h1, h2, h3, h4, h5, h6 {

font-family:'minerva-modern',"微軟正黑體","Microsoft JhengHei", serif;}

/* CSS07 footer */

.site-footer {

background-color: #EAE0D7;}

.widget-title {

color: #75809C;}

.footer-widget-area a {

color: #75809C;

font-weight:550;

}

/*CSS08 標頭

.remove-curves .site-branding-wrapper, body.boxed .site-branding-wrapper {

  background-color: #EAE0D7;

}

.remove-curves #news-ticker, body.boxed #news-ticker {

  background-color: #EAE0D7;

}

.site-branding-wrapper .wrapper {

  padding: 23px 0;

  background-color: #EAE0D7;

} 

*/

使用@ font- face來實現OTF字型，例如:  https://www.796t.com/post/bTFj.html

@font-face {
    font-family: GraublauWeb;
    src: url("path/GraublauWeb.otf") format("opentype");
}

@font-face {
    font-family: GraublauWeb;
    font-weight: bold;
    src: url("path/GraublauWebBold.otf") format("opentype");
}