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로 설정했다면 유니코드 전환이 필요 없습니다.