많은 대형 웹 사이트에서 사용자를 향상시키기 위해서는 다른 연령대의 사람들의 독서 요구를 충족시키기 위해 글꼴 크기 선택 기능을 제공합니다. CSS 페이지 일반 웹 페이지의 표준 글꼴은 9pt이며 12px입니다.
예제 코드 1 :
<! "설명"콘텐츠 = "내 페이지입니다"> <메타 http-equiv = "content-type"content = "text /html; charset = utf-8"> <inlink rel = "type ="test / CSS "href ="./ styles.css ">->-> <ally type ="text/ css "> div {div {portle : 1px 빨간색 고체; 너비 : 455px; font-size : 16px;} .max {font-size : 20px;} .moren {font-size : 16px;} .min {font-size : 12px;} </style> <script type = "text/javaScript"> // JS 및 CSS의 JS 및 CSS가 줄어 듭니다. 커플 링 함수 changefontsize (fontstyle) {// 노드 객체 var var divnode = gelemelementsbytagname ( "div") [0]; {// division.getElementsBytagName ( "div") 동안 노드 객체를 가져옵니다. [0]; 20px ') "> 大号 </a> <a href ="javaScript : void (0) "onclick ="changeFontsize2 ('16px ') "> 中号 </a> <a href ="javaScript : void (0 ) "onclick ="ChangeFontsize2 ( '12px') "> 무덤 </a> <di> 여기에 표시된 텍스트가 있습니다.이 글꼴의 크기 <br/> 여기에 표시된 텍스트가 있습니다. 글꼴의 크기를 변경할 수 있습니다. 위의 하이퍼 링크를 클릭하면 표시된 텍스트를 클릭 하여이 글꼴 크기를 클릭하여 글꼴의 크기가 변경됩니다. 이것은 텍스트의 크기가 위의 텍스트를 클릭 하여이 글꼴 크기를 클릭하여 변경됩니다. 글꼴의 크기는 위의 하이퍼 링크를 클릭하여 표시됩니다 글꼴은 위의 하이퍼 링크를 클릭하여 변경됩니다. 하이퍼 링크 <br/> </div> </body> </html>예제 방법 2 :
<html> <head> <title> JavaScript 설정 Font </title> <tyle> Body {font-size : 9pt;} </style> </head> <bod> <div id = Zoom> 이것은 예입니다. 예. 텍스트, 아래를 클릭하여 다른 글꼴 샘플의 글꼴을 선택하면 크기가 즉시 변경됩니다. wulin.com. </div> <script language = javaScript> 함수 dozoom (size) {document.getElementById ( 'Zoom'). skize = size+'pt'} </scrift> <p right> font size 선택 : [< a href = "javaScript : dozoom (13)"> 13pt (ultra -large) </a> <a href = "javaScript : dozoom (10.5)"> 10.5pt (medium) </a> <a href = "javaScript : Dozoom (9) "9pt (표준) </a>] </body> </html>