html의 숫자에 대한 악센트 (a ^ over 1)

StackOverflow https://stackoverflow.com/questions/1738852

문제

나는 우울한 악센트를 넣는 가장 좋은 방법을 찾으려고 노력하고 있습니다 (ˆ = ˆ) 이미지에 의지하지 않고 숫자 (뮤지컬 표기법). 특정 문자는 동등한 HTML 엔티티를 갖습니다. ê = ê, Ô = Ô, 등, 그러나 숫자는 그렇지 않습니다.

여기에 내가 현재 사용하고있는 것이 있습니다 웹 사이트:

<span style="position:relative;">1
   <span style="position:absolute; 
                left:0.1em; 
                bottom:0.2em; 
                font-size:1.1em;">
                &circ; 
   </span>  
</span>

꽤 좋아 보이지만 완벽하지는 않습니다. 숫자 모양과 브라우저 렌더링의 약간의 차이로 인해 무언가가 약간 벗어날 수 있습니다.

누구든지 이것에 대한 더 우아한 솔루션이 있습니까?

업데이트:

조합 위치 악센트 &#770; 또는 &#x302; 다른 브라우저/플랫폼에서 다른 결과를 생성합니다. 대부분은 옳지 않습니다 (내 Mac에서는 Safari 만 올바르게 수행합니다).

에 따르면 이것, 결합 악센트의 올바른 표시는 글꼴과 렌더러 모두에 따라 다릅니다. 사용 중입니다 Times New Roman, Times, 따라서 실행 가능한 옵션 인 것 같습니다. 나는 사용자에게 특정 글꼴을 갖도록 요구한다는 번거 로움과 피할 수없는 무시를 감당할 수 없습니다.

다른 새로운 답변이 없다면 위와 같이 악센트를 수동으로 포지셔닝해야 할 것 같습니다. 감사.

Update 2:

더 나은 diacritic지지 (특히 Doulos Sil)는 유망한 것처럼 보였지만 현재 (2009 년 11 월), Chrome은 지원하지 않습니다. @font-face 기본적으로 CSS에서. 그러나 일단 그렇다면 다른 브라우저가 이미 탑승하기 때문에 훌륭 할 것입니다. webfonts.info 이것에 대한 정보를위한 장소입니다.

도움이 되었습니까?

해결책

결합 마크의 렌더링이 충분히 좋지 않다면 포지셔닝과 함께 해킹해야한다고 생각합니다.

<style>
    .over { position: relative; }
    .over span { position: absolute; top: -0.5em; left: 0; }
</style>

abc <span class="over">1<span>^</span></span> xyz

여전히 불쾌한 해킹! 그러나 Mathml보다 작업이 적을 수 있습니다.

다른 팁

U+0302 COMBINING CIRCUMFLEX ACCENT

캐릭터 맵이나 엔티티로 하나를 만드십시오

 &#x302;

그 뒤에 넣어 원하는 모든 것에 하나를 붙여 넣으십시오.

e&#x302; A&#x302; 1&#x302; :)&#x302;

Becomes

ê Â 1 ̂ :)̂

... 그러나 그것은 1 또는 스마일 얼굴을 넘어 설계되지 않았습니다. A에 대해서는 어떻게 높이 올라 갔는지 또는 1 또는 스마일 얼굴의 경우에는 어떻게 증가하지 않았습니다.

시도해보십시오 COURDLFEX ACCENT를 결합합니다 (u+0302) 사용 &#770; 또는 &#x302;:

1&#770;

예시:

1̂

사용자가 사용자 가이 기능을 지원하는지 여부에 따라 다릅니다. 웹 페이지에 글꼴을 포함 할 수 없기 때문에 (잠재적 인 법적 문제없이) 가장 좋은 방법은 다른 글꼴로 위의 제안을 시도하여 원하는 캐릭터가 지원되는지 확인하는 것입니다. 글꼴을 찾으면 CSS 파일에 참조 한 다음 특정 글꼴이 사이트를 올바르게 보려면 사용자에게 알려줍니다.

다음 유니 코드 색인을 사용해보십시오. http://www.fileformat.info/info/unicode/char/a.htm

표시하려는 캐릭터의 이름을 알아야합니다. 찾은 후에는 정보 페이지에서 HTML 문자 코드를 사용하여 문자를 표시하는 방법을 알려줍니다.

확인하십시오 디아크리처 마크를 결합합니다 자주하는 질문. 조합 된 우울은 u+0302입니다.

이 섹션은 다음과 같이 말합니다. "다운로드 할 수있는 Doulos 및 Charis Fonts와 같은 일부 글꼴에는 적절한 미리 복합 글리프의 대규모 레퍼토리가 포함되어 있습니다." 사용자가 해당 글꼴을 다운로드 할 수 있도록 시도 할 가치가 있습니다 (작동하는 경우).

숫자를 축소시키는 데 약간의 성공이있을 수 있습니다. 

<span style="font-size: 75%">1</span>&#x0302;
라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top