CSS에 before
와 after
가상 선택자가 있고 화면에 추가할 텍스트를 content
속성으로 설정할 수 있습니다.
content
속성값으로 설정한 일부 문자가 보이지 않는다면 유니코드를 사용합니다.
예를 들어 다음과 같이 설정했을 때
.note::before { content: "↓"; }
↓
글자가 보이지 않는다면 다음과 같이 유니코드를 사용합니다.
.note::before { content: "\2193"; }
자바로 글자의 유니코드를 알아내는 방법입니다.
char charAt = "↓".charAt(0); String unicode = Integer.toHexString(charAt);
CSS 파일을 UTF-8 형식으로 작성하고 HTTP
응답 헤더 Content-Type
의 값을 text/css;charset=UTF-8
로 설정했다면 유니코드 전환이 필요 없습니다.