작은 대문자를 글꼴 패밀리에 적용하는 방법은 무엇입니까?

작은 대문자를 태그 대신 글꼴 패밀리에 적용 할 수 있습니까? 나는 작은 모자 monospaced 폰트 인 orator 폰트를 사용하고 있습니다. Andale도 비슷하지만 웹에서 안전하지만 작은 대문자 글꼴은 아닙니다. 따라서 orator가 없다면 Andale에게 작은 대문자 속성을 추가하지 않고 작은 대문자로 부름을 부탁드립니다. H1 태그 용. 어떻게해야합니까?작은 대문자를 글꼴 패밀리에 적용하는 방법은 무엇입니까?

출처

2014-04-29 user3560300

웹 안전 글꼴이 없습니다. 거의 모든 경우에 나타나는 "작은 대문자"는 가짜 작은 대문자 (축소 대문자)입니다. 여기에 무엇이 묻히고 있는지 불분명합니다. 특히 제목은 질문 본문과 충돌합니다. –

혼란스러워서 미안하다. 사용자가 Orator를 설치하지 않은 경우 내 기본 글꼴 (orator)에있는 작은 대문자 스타일을 모방하고 싶습니다. 그래서 기본 글꼴이 작기 때문에 내 기본 글꼴에 영향을주지 않고 H1에 "글꼴 변형 : 작은 대문자"태그를 추가하는 방법이 있는지 알고 싶었습니다. – user3560300

다른 글꼴 (더 얇은 글꼴)을 사용하고 다음을 사용하십시오. 첫 번째 글자 CSS3 선택자는 첫 번째 글자를 더 크게 만듭니다. 게시 한 글꼴과 비슷한 여러 가지 Open-Type 글꼴이 있습니다.

table.form td { 
    padding: 10px; 
    font-family: "Open Sans"; 
    font-variant: small-caps; 
    font-size: 15px; 
} 

table.form td:first-letter { 
    font-size: 18px; 
}

또는 또 다른 방법 :

enter image description here