CSS3 텍스트 및 글꼴 스타일에 대한 자세한 설명-CSS 튜토리얼-php.cn

CSS3 텍스트 및 글꼴 스타일에 대한 자세한 설명

高洛峰

풀어 주다： 2017-03-13 14:08:31

원래의

1735명이 탐색했습니다.

이 문서에서는 CSS3 텍스트 및 글꼴 스타일에 대해 자세히 설명합니다.

css3은 서버 측 글꼴을 사용합니다.

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>使用服务器端字体</title>
    <style>
        @font-face {
            font-family: webFont;
            /*此代码会首先用客户端字体Arial，如果客户端没有用下面一种服务器端字体*/
            /*format格式: (ttf):truetype;(otf):opentype*/
            src:local("Arial"),
                url("../../font/ACaslonPro-Bold.otf")format("opentype");
        }
        p{
            font-family: webFont;
        }
    </style></head><body><p>This is a test p</p></body></html>

로그인 후 복사

css3는 글꼴 유형을 수정하면서 글꼴 유형을 수정합니다. 글꼴 크기 변경되지 않음 :

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>CSS3 修改字体种类而保持字体尺寸不变</title>
    <style>
        /*x-height:58px;  font-size:100px;  aspect:0.58;  font-size-adjust: 0.56;*/
        #p1{
            font-family:"Arial Black";
            font-size: 16px;
            font-size-adjust: 0.76;
        }
        #p2{
            font-family:"Arial";
            font-size: 16px;
            font-size-adjust: 0.56;
        }
        #p3{
            font-family:"Bodoni MT";
            font-size: 16px;
            font-size-adjust: 0.46;
        }
    </style></head><body><p id="p1">this isa test p1</p><p id="p2">this isa test p2</p><p id="p3">this isa test p3</p></body></html>

로그인 후 복사

위 내용은 CSS3 텍스트 및 글꼴 스타일에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!