CSS Keywords

{object_name}

CSS Fonts Module

  • Color Font Support

    • dark

      일부 색상 글꼴 형식에는 어두운(검은색에 가까운) 배경에 적용할 수 있는 특정 팔레트를 표시하는 메타데이터가 포함된다. 이 키워드는 이러한 방식으로 표시된 글꼴 파일에서 사용 가능한 첫 번째 팔레트를 식별한다. 글꼴 파일 형식이 이 메타데이터를 고려하지 않거나 이러한 방식으로 표시된 글꼴의 팔레트가 없는 경우 값은 0으로 처리된다.

    • light

      일부 색상 글꼴 형식에는 밝은(흰색에 가까운) 배경에 적용할 수 있는 특정 팔레트를 표시하는 메타데이터가 포함된다. 이 키워드는 이러한 방식으로 표시된 글꼴 파일에서 사용 가능한 첫 번째 팔레트를 식별한다. 글꼴 파일 형식이 이 메타데이터를 고려하지 않거나 이러한 방식으로 표시된 글꼴의 팔레트가 없는 경우 값은 0으로 처리된다.

    • normal

      글꼴에 사용할 기본 색상표 또는 글꼴 제작자가 설정한 기본 글리프 색상화를 지정한다. 이 키워드를 지정하면 인덱스 0에 있는 글꼴의 색상표로 렌더링된다.

  • Color Font Tech

    • color-CBDT

      컬러 비트맵 글리프 데이터를 포함하는 데 사용되는 테이블이다. 임베디드(embedded) 비트맵 로케이터(locators)를 제공하는 CBLC 테이블과 함께 사용된다.

    • color-COLRv0

      단색만을 지원한다. 그라디언트, 변형 및 다양한 혼합 모드는 지원하지 않는다.

    • color-COLRv1

      OpenType 1.9 표준의 일부이다. 선형, 방사형, 원뿔형 그라데이션이 가능하다. 또한 합성 및 혼합 기능을 추가하였고 쉐입(shape) 재사용을 허용하여 파일 크기를 줄일 수 있다.

    • color-sbix

      이 테이블은 PNG, JPEG, TIFF와 같은 표준 그래픽 형식의 비트맵 데이터에 대한 액세스를 제공한다. 

    • color-SVG

      웹에서 널리 사용되며 풍부한 그래픽 기능을 제공하는 SVG 마크업 언어를 사용하여 확장 가능한 컬러 그래픽을 지원하는 장점을 가지고 있다.

  • Default Font Metrics Overriding Descriptors

    • normal

      해당 매트릭 값을 글꼴 파일에서 직접 가져온다.

  • Font

    • caption

      캡션이 있는 폼 컨트롤에 사용되는 글꼴을 나타낸다.

    • icon

      아이콘에 레이블을 지정하는 데 사용되는 글꼴이다.

    • menu

      메뉴에 사용되는 글꼴을 나타낸다.

    • message-box

      대화 상자에 사용되는 글꼴을 나타낸다.

    • small-caption

      작은 컨트롤에 레이블을 지정하는 데 사용되는 글꼴을 나타낸다.

    • status-bar

      창 상태 표시줄에 사용되는 글꼴을 나타낸다.

  • Font Display Descriptor

    • auto

      유저 에이전트가 정의한다.

    • block

      폰트 페이스(font face)에 짧은 블록 주기(대부분의 경우 3초)와 무한 스왑 주기를 부여한다.

    • fallback

      폰트 페이스(font face)에 매우 짧은 블록 주기(대부분의 경우 100ms 이하)와 짧은 스왑 주기(대부분의 경우 3초)를 부여한다.

    • optional

      폰트 페이스(font face)에 매우 짧은 블록 주기를 부여하고 스왑 주기를 부여하지 않는다.

    • swap

      폰트 페이스(font face)에 매우 짧은 블록 주기(대부분의 경우 100ms 이하)와 무한 스왑 주기를 부여한다.

  • Font Feature Properties

    • Font Feature Settings

      • normal

        글리프(glyph) 선택 또는 위치가 변경되지 않는다.

      • off

        0과 같고 비활성화한다.

      • on

        1과 같고 활성화한다.

    • Font Language Override

      • normal

        OpenType 글꼴로 렌더링할 때 요소의 콘텐츠 언어를 사용하여 OpenType 언어 시스템을 유추하도록 지정한다.

    • Font Variant

      • all-petite-caps

        대문자 및 소문자 모두에 대해 작은 대문자 표시를 활성화한다.

      • all-small-caps

        대문자 및 소문자 모두 작은 대문자 표시로 활성화한다.

      • common-ligatures

        일반 합자를 표시할 수 있다. (OpenType feature: liga, clig)

      • contextual

        컨텍스트 대체 표시를 활성화한다.

      • diagonal-fractions

        안쪽 대각선 분수 표시를 활성화한다.

      • discretionary-ligatures

        임의 합자의 표시를 활성화한다.(OpenType feature: dlig)

      • full-width

        전체 너비 변형의 렌더링을 활성화한다.

      • historical-ligatures

        기록 합자를 표시할 수 있다. (OpenType feature: hlig)

      • jis04

        JIS2004 형식의 렌더링을 활성화한다.

      • jis78

        JIS78 형식의 렌더링을 활성화한다.

      • jis83

        JIS83 형식의 렌더링을 활성화한다.

      • jis90

        JIS90 형식의 렌더링을 활성화한다.

      • lining-nums

        내부의 숫자 표시를 활성화한다.

      • no-common-ligatures

        일반 합자의 표시를 비활성화한다.

      • no-contextual

        컨텍스트 대체 표시를 비활성화한다.

      • no-discretionary-ligatures

        임의 합자의 표시를 비활성화한다.

      • no-historical-ligatures

        기록 합자의 표시를 비활성화한다.

      • normal

        활성화된 값이 없다.

      • oldstyle-nums

        구식 숫자 표시를 활성화한다.

      • ordinal

        첫째, 둘째, .. 표현과 같은 서수 번호와 함께 사용되는 문자 양식을 표시한다.

      • petite-caps

        작은 대문자 표시를 활성화한다.

      • proportional-nums

        비례 숫자 표시를 활성화한다. 각 숫자가 차지하는 공간을 가지며 표시된다. OpenType의 pnum에 해당한다.

      • proportional-width

        비례 간격 변형의 렌더링을 활성화한다.

      • ruby

        루비 변형 글리프 표시를 활성화한다. 루비 텍스트는 일반적으로 연결된 본문 텍스트보다 작기 때문에 글꼴 디자이너는 기본 글리프의 축소 버전보다 더 읽기 쉬운 루비와 함께 사용할 특수 글리프를 디자인할 수 있다. 글리프 선택만 영향을 받으며 관련 글꼴 크기 조정 또는 라인 레이아웃에 영향을 미치는 다른 변경 사항은 없다.

      • simplified

        단순화된 형식의 렌더링을 활성화한다.

      • slashed-zero

        슬래시가 들어간 숫자 0 표시를 활성화한다.

      • small-caps

        작은 대문자 표시를 활성화한다. 글리프(glyphs) 타입의 폰트는  일반적으로 대문자 형태를 사용하지만 소문자 크기로 축소된다.

      • stacked-fractions

        안쪽에 누적 분수 표시를 활성화한다.

      • tabular-nums

        표 형식의 숫자 표시를 활성화한다. 숫자의 비례 및 간격을 동일하게 하여 숫자를 비교하기 쉽게 한다. OpenType의 tnum에 해당한다.

      • titling-caps

        제목 대문자 표시를 활성화한다.

      • traditional

        기존 형식의 렌더링을 활성화한다.

      • unicase

        대문자에 대한 작은 대문자와 일반 소문자 혼합 표시를 활성화한다.

    • Font Variant Alternates

      • historical-forms

        기록 양식 표시를 활성화한다.(OpenType 기능(feature): hist)

      • normal

        기능을 지정하지 않는다.

    • Font Variant Ligatures

      • none

        모든 유형의 합자 및 문맥 양식이 명시적으로 비활성화되도록 지정한다. 합자가 필요하지 않은 상황에서는 텍스트 렌더링 속도가 향상될 수 있다.

      • normal

        일반적인 기본 기능을 사용하도록 한다. OpenType 글꼴의 경우 일반 합자 및 문맥 형식은 기본적으로 켜져 있지만 임의 및 기록 합자는 켜져있지 않다.

    • Font Variant Position

      • normal

        활성된 기능이 없다.

      • sub

        아라비아 숫자 변형 표시를 활성화한다.

      • super

        위첨자 변형 표시를 활성화한다.

  • Font Feature Tech

  • Font Feature Value Type

  • Font Format

    • collection

      단일 파일 구조로 여러 OpenType 폰트 리소스를 제공하는 수단이다.

    • embedded-opentype

      EULA 계약을 위반하지 않고 웹 콘텐츠에서 사용할 수 있는 폰트 메커니즘이 필요하여 Microsoft가 글꼴 제작자와 협력하여 EOT 파일 형식을 개발하였다.

    • opentype

      OpenType 글꼴 형식은 디지털 타이포그래피를 위한 다양한 기능을 갖춘 글꼴 데이터 대해 널리 지원되는 형식이다. 1990년대에 Microsoft와 Adobe가 공동 개발한 글꼴 기술이다.

    • svg

      SVG 글꼴은 SVG의 font 요소를 사용하여 정의된 글꼴이다. 기술적인 이유로 작은 글꼴 크기로 텍스트의 품질과 가독성에 제한이 있을 수 있다.

    • truetype

      1980년대 말에 Microsoft와 Apple이 Adobe에 맞서기 위해서 개발된 글꼴 저장 기술이다. 주된 장점은 글꼴 개발자가 다양한 글꼴 크기에서 어떻게 표시될 것인지에 대한 높은 수준의 제어를 할 수 있는 힌팅(hinting) 기술을 가지고 있다.

    • woff

      TrueType, OpenType, Open Font Format(OFF) 글꼴에 사용되는 테이블 기반 sfnt 구조를 위한 컨테이너이다. 글꼴 데이터 테이블을 선택적으로 압축한 sfnt 글꼴의 리패키지 버전이다.

    • woff2

      woff 보다  휠씬 뛰어난 압축률로 글꼴 데이터의 압축을 합리적으로 쉽게 구현할 수 있도록 설계되었으며, @font-face 규칙과 함께 사용하기에 적합하다.

  • Font Kerning

    • auto

      UA에 의해 처리된다.

    • none

      커닝이 적용되지 않도록 한다.

    • normal

      커닝이 적용되도록 한다.

  • Font Optical Sizing

    • auto

      유저 에이전트는 글꼴 크기와 화면의 픽셀 밀도에 따라 글리프(glyphs)의 모양을 수정할 수 있다.

    • none

      유저 에이전트는 시각적 크기에 대한 글리프(glyphs)의 모양을 수정하지 않는다.

  • Font Property Descriptors

    • auto

      글꼴 선택의 경우 적절한 초기값이 선택된 것처럼 글꼴이 선택된다. 변형 축 클램핑(clamping)의 경우 클램핑(clamping)이 발생하지 않는다.

  • Font Size

    • large

      medium보다 큰 크기이다.

    • larger

      현재 크기를 기준으로 상대적으로 한단계씩 더 크게 지정한다.

    • medium

      중간 크기로 지정한다.

    • small

      작게 설정한다.

    • smaller

      현재 크기를 기준으로 상대적으로 한단계씩 더 작게 지정한다.

    • x-large

      large보다 더 큰 크기로 지정한다.

    • x-small

      small보다 더 작게 설정한다.

    • xx-large

      최대 크기로 지정한다.

    • xx-small

      최대로 작게 설정한다.

  • Font Size Adjust

    • cap-height

      글꼴 크기별로 캡 높이를 사용하여 글꼴의 캡 높이를 정규화한다.

    • ch-width

    • ex-height

      x-height를 글꼴 크기로 나눈 값을 사용하여 글꼴의 종횡비를 정규화한다.

  • Font Stretch

  • Font Styles

    • italic

      기울임꼴로 지정된 글꼴을 사용한다. 만약에 사용할 수 없다면 비스듬한 글꼴(oblique)을 사용한다. 둘 다 사용할 수 없다면 인위적으로 시물레이션이 된다.

    • normal

      기울임꼴이나 비스듬한 형태가 아닌 일반 형태를 나타낸다.

    • oblique

      비스듬한 면으로 지정된 글꼴을 선택한다. 면이 비스듬한 글꼴을 사용할 수 없다면 기울임꼴(italic)로 분류된 면이 대신 사용된다. 둘 다 사용할 수 없다면 인위적으로 시물레이션 된다.

  • Font Tech

  • Font Variant Settings

    • normal

      글리프(glyph)) 모양, 일치 또는 위치가 변경되지 않는다.

  • Font Weight

    • 100

      얇은 두께로 처리한다.

    • 200

      매우 가볍게 처리한다.

    • 300

      가벼운 두께로 지정한다.

    • 400

      일반 굵기로 지정한다.

    • 500

      중간 굵기로 지정한다.

    • 600

      '700'의 반 굵기로 지정한다.

    • 700

      굵게 지정한다.

    • 800

      매우 굵게 지정한다.

    • 900

      매우 무겁게 지정한다.

    • bold

      '700' 값과 동일하다.

    • bolder

      상속된 값보다 굵은 가중치를 지정한다.

    • lighter

      상속된 값보다 가벼운 가중치를 지정한다.

    • normal

      '400' 값과 동일하다.

©2024 devdic.com, Korea

출처를 밝힌 리소스 이외의 본 레퍼런스에 사용된 모든 생성물의 소유 및 저작권은 devdic.com에 있습니다. 특별히 재배포를 금지한 것 이외는 재배포가 가능하며 반드시 출처를 표기해 주시기 바랍니다.
현재는 베타 버전으로 미등록 및 불완전한 콘텐츠가 일부 있을 수 있습니다. 오류 및 기술 자료 제보(건의)는 언제든지 환영하며 감사드립니다.
기본적으로 W3C 기술 사양을 기준으로 작성하였으며 일반적이지 않은 기술 설명에 대한 내용의 일부는 Mozilla의 MDN web docs에서 도움 받았음을 밝힙니다. 그들을 존경합니다.

master@cydemy.com