2013-09-26 2 views
0

좀 HTML로 인코딩 된 유니 코드 문자가 포함 된 페이지가 : ▲ (▲), ▼ (▼), ◄ (◄), ► (►)와 ✓ (✓). 일부 사용자는 브라우저에 표시되지 않는 것에 대해 불만을 토로합니다.HTML 누락 된 유니 코드 문자는

사용자의 컴퓨터에 글꼴을 설치하지 않고이 문제를 해결하는 가장 좋은 방법은 무엇입니까? 각 유니 코드 문자에 대해 비트 맵을 만들어야합니까? 그렇다면 문자를 비트 맵으로 변환하는 도구가 있습니까? 아니면 더 좋은 방법이 있습니까?

+0

유용 할 수도 있습니다. http://stackoverflow.com/questions/1696619/displaying-unicode-symbols-in-html –

답변

3

주로 글꼴 문제이기 때문에 대체 글꼴은 @font-face을 통해 웹 글꼴이라고도하는 다운로드 가능한 글꼴을 사용하고 문자 대신 이미지를 사용하는 것입니다. 추가로 어려움이 있기 때문에 "주로"썼습니다 : 일부 브라우저는 해당 font-family 목록에있는 글꼴에서 찾을 수없는 경우 일부 문자를 표시하지 않습니다. 이러한 문제에 대한 일반 사항은 내 Guide to using special characters in HTML을 참조하십시오.

이 특수한 경우, "✓"문자는 비교적 적은 글꼴로 존재하므로 문제가 발생할 수 있습니다. 나는 다른 사람들이 대부분의 경우 OK라고 기대하지만, 내 기대는 잘못되었다 : 안드로이드 (2.x)는 ▲와 ▼를 보여 주지만 ◄와 ►는 보이지 않는다.

그런 문자를 렌더링하기 위해 다운로드 가능한 글꼴을 사용하면 과도 할 수 있으므로 이미지를 사용하는 것이 가장 좋습니다. 적당한 크기의 폰트를 사용하여 프로그램의 문자를 작성하고 각자의 화면 캡쳐를 가져 와서 이미지로 저장할 수 있습니다. 그런 다음 img 태그를 사용하여 em 단위를 사용하여 CSS의 이미지 높이를 적절한 높이로 설정합니다. 그 이유는 글꼴 크기에 맞춰 다양한 글꼴 크기로 멋지게 보일 것이고 아래쪽으로 크기를 조정하면 위쪽으로 크기를 조정하는 것보다 더 좋은 결과를 얻는 경향이 있기 때문입니다.

이렇게하면 ▲, ▼, ◄, ►을 모두 이미지로 표현하여 스타일이 일치하도록하는 것이 가장 좋습니다.

+0

감사! 나는 이미지 사용을 끝내었다. 유용한 도구를 찾았습니다. http://www.fileformat.info/info/unicode/char/search.htm 문자의 코드를 입력하면 ** 서버 생성 이미지를 포함한 모든 모든 정보를 얻을 수 있습니다. 캐릭터**! – kol

-2

페이지를 인코딩하는 데 UTF-8을 사용하기 만하면 일부 글꼴에 누락 된 문자가 포함되어 있기 때문에 Arial을 사용합니다.

+1

UTF-8을 사용하는 것이 좋지만 여기에는 적합하지 않습니다. Arial은 모든 시스템에서 사용할 수있는 것은 아니며 (예 : Android에는 해당 버전이 없음), 다른 버전으로 존재합니다. Arial 버전에는 "✓"이 (가) 없습니다. –

+0

Arial Unicode MS가 그렇습니다.하지만 Arial이 아니며 글꼴의 경우 더 나쁜 선택입니다. – Joey

+0

@Joey, Arial Unicode MS의 주요 문제점 (웹 페이지 사용과 관련하여)은 보편적으로 사용 가능하다는 것과는 거리가 멀다는 것입니다. 일반적으로 Microsoft Office가 설치된 컴퓨터에서만 사용할 수 있습니다. 그렇지 않으면 개별 특수 문자를 렌더링하는 데 주로 사용하는 것이 좋습니다. –

관련 문제