javascript 改變字體大小方法集合原創

2024-05-06 14:15:05

字體：大中小

來源：轉載

供稿：網友

第一種方法：分為大中小控制正文字體大小，一般需要指定 id
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <htmL> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> </head> <style> #content {font-size:12px; line-height:200%; padding:10px; } </style> <body> 字體: 小中大錯新站長站 m.survivalescaperooms.com 歡迎大家的光臨。 </body> </htmL>
[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]
第二種方法，用的不多，有特殊需要的可以用。這個是設置body中所有的大小設置，不如上面的代碼就控制正文的字體大小。大家可以根據自己的需要選用。注意多測試。
<style> .tabfont{font-size:12px} </style> <body> + 放大字體 | + 減小字體錯新站長站 m.survivalescaperooms.com 這個是設置body中所有的大小設置，不如上面的代碼就控制正文的字體大小。大家可以根據自己的需要選用。注意多測試。 </body>
[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

第三種方法：只有增加減小兩種方法，不過很實用，本站也是用的這種方法
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <htmL> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> </head> <style> #content {font-size:12px; line-height:200%; padding:10px; } </style> <body> 字體：[增加減小] 錯新站長站測試文本代碼 </body> </htmL>
[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]