태그 내에서 특정 문자의 기울임 꼴을 강요하려면?

Question

이것이 가능합니까? 기본적으로 "이 태그 내에서 - z는 기울임 꼴로 표시되지만 그 밖의 것은 없습니다"라는 태그를 설정할 수 있기를 원합니다. 또는 a-z 및 A-Z에 대해서도 마찬가지입니다.

Answer 1

CSS는 페이지의 콘텐츠가 아닌 페이지의 구조를 직접 스타일링합니다.

이 말했다되고

, 주위 몇 가지 방법은 (명백하게)이 있습니다 :

1. 랩 문자는 텍스트 여러분 모두를 검색하고 포장하는 자바 스크립트 <i>,<span>,<em>,<dfn>,<var>,<cite>
2. 사용에 기울임 꼴 할 해당 텍스트 주위에 이러한 요소 중
3. 서버 측 코드를 사용하여 텍스트를 배열로 분할하고 서버 측의 태그로 텍스트의 서식을 지정하면 콘텐츠가 이미 서식 지정된 페이지로 이동하게됩니다.

CSS를 사용하여 특정 문자를 선택하는 방법은 없습니다.

Answer 2

제한된 지원 (웹킷 브라우저) 인 CSS3 기능 (unicode-range restriction, @font-face) 만 까다로운 방식으로 사용할 수 있습니다. 당신의 다음 크롬과 컴퓨터의 Safari에서 작품,하지만 대부분의 아마 :

@font-face { 
    font-family: funny; 
    src: local("Times New Roman"); 
} 
@font-face { 
    font-family: funny; 
    src: local("Times New Roman Kursivoitu"); 
    unicode-range: U+61-7A; 
} 
p { font-family: funny; } 

그것은 당신이 특정 이탤릭체의 특정 이름 (서체)를 찾을 수도있는 경우 컴퓨터에서 작동 할 수 있습니다

사용중인 글꼴 군. 아마도 Italic을 Kursivoitu으로 대체 할 수도 있지만 요점은 Times New Roman과 같은 글꼴 패밀리 이름이 같더라도 특정 이름이 시스템마다 다를 수 있다는 점입니다.

font-style이 기본값 (normal)인데도 브라우저에서 기울임 꼴 글꼴을 사용하게되므로 추한 해킹이됩니다.

글꼴을 다운로드 할 수 있으므로이 아이디어를 사용할 수 있습니다.이 글꼴은 그 이름을 제어 할 수 있기 때문에 사용할 수 있습니다. 내가 전달 CSS를 조금 편집, FontSquirrel에서 카르도 (Cardo) 글꼴 가족과 함께이 테스트 : 난 그냥 여기 Cardo, 같은 이름에 특정 글꼴 이름 CardoRegular 및 CardoItalic을 변경

@font-face { 
    font-family: 'Cardo'; 
    src: url('Cardo104s-webfont.eot'); 
    src: url('Cardo104s-webfont.eot?#iefix') format('embedded-opentype'), 
     url('Cardo104s-webfont.woff') format('woff'), 
     url('Cardo104s-webfont.ttf') format('truetype'), 
     url('Cardo104s-webfont.svg#CardoRegular') format('svg'); 
} 
@font-face { 
    font-family: 'Cardo'; 
    src: url('Cardoi99-webfont.eot'); 
    src: url('Cardoi99-webfont.eot?#iefix') format('embedded-opentype'), 
     url('Cardoi99-webfont.woff') format('woff'), 
     url('Cardoi99-webfont.ttf') format('truetype'), 
     url('Cardoi99-webfont.svg#CardoItalic') format('svg'); 
    unicode-range: U+61-7A; 
} 
p { font-family: Cardo; } 

를, 그리고 동안 그 이름을 사용 엘리먼트 a-z는 일반 Cardo의 기울임 체 및 다른 문자로 표시되어야합니다. 당신이 @font-face 아니라 unicode-range 제한을 지원하는 브라우저에

unicode-range: U+41-5A, U+61-7A; 

에 제한을 편집하는,

글자에게-Z를 만들려면 및 A-Z는 이탤릭체로,이 속임수는 정기적 카르도 (Cardo)를 사용하여 다시 떨어진다 전체 요소.