TextMeshPro-Text (UI) 컴포넌트는 Text Input에 태그를 이용해서 Text를 꾸밀 수 있다는 것을 알고 계시나요?
이번 포스팅에서는 TextMeshPro-Text (UI)에 사용할 수 있는 태그 몇 가지와 사용 방법에 대해서 말해보겠습니다.
텍스트 스타일 관련 태그
태그 | 설명 | 사용 예시 |
<b></b> | 텍스트를 굵게 표시 | <b>Bold Text</b> |
<i></i> | 텍스트를 기울임체로 표시 | <i>Italic Text</i> |
<u></u> | 텍스트에 밑줄을 그림 | <u>Underlined Text</u> |
텍스트 색상 및 크기 관련 태그
태그 | 설명 | 사용 예시 |
<color=#FFFFFF></color> | 텍스트 색상을 지정 (HEX 코드 사용 가능) | <color=#FF0000>Red Text</color> |
<size=></size> | 텍스트 크기를 지정 | <size=50>Large Text</size> |
<mark=#FFFF00></mark> | 텍스트에 하이라이트(배경색)을 지정 | <mark=#FFFF00>Highlighted Text</mark> |
다음은 이쁜 색상 (계열)을 가져와봤습니다.
색상 | 이름 | HEX | 코드예시 |
빨강 | Crimson Red | #DC143C | <color=#DC143C>Crimson Red</color> |
주황 | Coral Orange | #FF7F50 | <color=#FF7F50>Coral Orange</color> |
노랑 | Golden Yellow | #FFD700 | <color=#FFD700>Golden Yellow</color> |
초록 | Lime Green | #32CD32 | <color=#32CD32>Lime Green</color> |
파랑 | Dodger Blue | #1E90FF | <color=#1E90FF>Dodger Blue</color> |
남색 | Midnight Blue | #191970 | <color=#191970>Midnight Blue</color> |
보라 | Medium Purple | #9370DB | <color=#9370DB>Medium Purple</color> |
텍스트 정렬 및 효과 관련 태그
태그 | 설명 | 사용 예시 |
<align=></align> | 텍스트 정렬을 지정(left, right, center, justify) | <align=center>Centered Text</align> |
<s></s> | 텍스트에 취소선을 그림 | <s>Strikethrough Text</s> |