티스토리 블로그에 트위터 이모지 적용하기

tip

해이. 2022. 1. 2. 13:44

Step01. <head>사이에 해당 스크립트 삽입

<script src="https://twemoji.maxcdn.com/v/latest/twemoji.min.js" crossorigin="anonymous"></script>

Step02. </html> 바로 위 해당 스크립트 삽입

<script>
document.getElementsByTagName("body")[0].innerHTML=twemoji.parse(document.getElementsByTagName("body")[0].innerHTML)
</script>

Step03. 이모지 크기, 간격 등 조절하며 CSS 값 수정

img.emoji {
   height: 1.1em;
   width: 1.1em;
   margin: 0 .05em 0 .1em;
   vertical-align: -0.1em;
}

😀😁🤣😃😊😋🥰😙🎈✨🎉❤️