기타/그 외15 [폰트 / CSS] 특정 언어(문자)에 특정 폰트 적용하기 - 유니코드 서두에서는 조금 헛소리를 해야지 블로그가 세개가 있어요 이 블로그랑 자료백업용 블로그, 스킨테스트용 블로그 그런데 이 블로그 파비콘을 바꾸려니까 뜬금없이 해당 닉네임은 사용이 불가능합니다 이러면서 안되는거예요? 문의했더니 닉네임이 셋다 똑같아서 그렇대 다 다르게 해야하는걸로 바뀌었다고 하더라고 아니 .. 그럼 어떡하라는거야 .... 어떤 닉네임을 쳐도 안된다는데 어떡하라고 ... ... 아니. 사람이 살면서 이름이 좀 겹칠 수도 있는 거 아니야? 더군다나 싸이버-세상에서? 그래서 이 블로그 닉이 갑자기 바뀔지도 몰라요 와르르 이런건 안될거같고 와르르 개발자 이런거? 아니면 지금 닉이랑 합쳐서 김시루와르르 (하... 왜 이런 쓸데없는.. 시련을? 사실 백업용 블로그에 일본어를 좀 쓰게 되었는데 이번에도 글.. 2022. 4. 7. 텍스트 문서 비교 사이트 두 텍스트를 비교하는 사이트 정말 좋아요! 코드를 비교할수도 있음 (주로 그렇게 쓰겠죠) 텍스트 문서 비교 사이트 두개의 텍스트 비교하여 틀린점 찾아주는 온라인 툴 wepplication.github.io 원본 텍스트를 왼쪽에, 비교할 텍스트를 오른쪽에 두고 변환을 누르면 끝. 한페이지로 출력하면 한 단으로 추가된것과 빠진 것이 한 번에 나오고, 두 페이지로 하면 두 단으로 각각 나뉘어 나옵니다. 깃헙에서는 이제 줄 중간이나 뒤에 추가된 문자열 같은 것도 완전 줄을 삭제하고 추가된 내용을 하나의 새 줄로 인식하는데 이 사이트에서는 이렇게 중간에 추가하고 지운 것 각각을 표시해줘서 깔끔하고 좋아요 2022. 1. 13. [HTML] 티스토리 배너 출력 - HTML 배너로 반응형 이미지 배너 만들기 1. 배너 추가하기 1. 플러그인 적용 티스토리 웹에서 블로그 관리 → 플러그인 메뉴로 진입해 배너 출력 플러그인을 찾아 적용시켜줍니다. 2. 사이드바에 배너 적용 플러그인을 적용하고 사이드바 메뉴로 진입하면 기본 모듈에 플러그인으로 배너 출력이 추가되어있습니다. 이 옆의 + 버튼을 눌러 위치를 정하고, 편집을 눌러 각각에 맞는 입력을 하면 완료. 간단하죠? 입력 참고는 아래에 있습니다. 2-1. 이미지 배너 이미지 배너에는 이름 / 이미지 URL / 연결 URL을 입력하면 알아서 배너를 만들어줍니다. 이름은 관리자인 여러분이 알아보실 수 있게끔 적어주시면 됩니다. 이미지 URL은 이미지 주소 복사를 해서 오시면 되는데... 호스팅 사이트를 쓰는 것도 방법이지만, 그냥 티스토리에 글쓰기로 이미지 올려두고.. 2021. 12. 23. [HTML / CSS] 글 제목 카테고리 링크로 만들기 블로그에 문득 생각나서 지금 보고 있는 글 카테고리를 보려고 하니까... 이거 카테고리 링크가 아니더라고요 난 지금까지.. 카테고리 보기 링크인줄 알았어!!! (네이버 쓰던 사람!) 그래서 이걸 링크로 바꿀 수 있는 방법이 없나 하고 검색하던 중에 아래 글을 발견했어요. 티스토리 블로그 북클럽 스킨, 포스트 커버에 카테고리 링크 추가 티스토리 블로그의 "북클럽 스킨의 포스트 커버 높이 수정"글을 캡처한 이미지입니다. 무료로 제공하는 북클럽 스킨을 기준으로 설명을 진행합니다. 글의 포스트 커버에는 글이 담겨있는 카테 netware.tistory.com 이 분 글은 북클럽 스킨이라 되어있지만 저의 오디세이 스킨에서도 잘 작동했습니다. 역시 선지자들은 있는 법이구나.... 크흑 저는 여기에 더해 몇가지 수정을.. 2021. 11. 24. [HTML / CSS ?] 티스토리 텍스트 블록 스타일 추가하기 제가 요즘 글이 없는것은 장문의 번역을 하고 있기 때문입니다. 그리고 .. 할일도 많고.. 흑흑 그런 와중에 이건 기록하지 않으면 까먹을것같아서 급하게 기록하러 달려옴 헥헥 티스토리 CSS에 텍스트 블록 태그를 추가해서 써먹는 방법인데요 사실 매우 간단하지만? 제게 발생한 문제가 있었으므로.. 그리고 마침내 그걸 수정해냈으므로 올려봅니다. 근데 이게 .. ... 좀 폭넓게 적용되는지는 모르겠어서 CSS 뒤에 물음표가 붙었어요 이해해줘요 1. 텍스트 블록 스타일 뭐냐면 티스토리에서 글 쓸 때 선택할 수 있는 제목1~본문3의 그것입니다 정확히 말하자면 이건 아니고, 이걸 선택했을 때 보이는 글자가 달라지잖아요? 이는 해당 HTML 태그에 CSS로 스타일을 지정해두고 그 저장된 스타일을 해당 텍스트 블럭에 불.. 2021. 10. 7. [HTML] 책갈피 만들기 HTML에서 (티스토리 본문에도 응용 가능) 본문 내용 이동이 가능한 책갈피 만들기. 1. 링크를 생성할 부분 1 텍스트 cs 2. 이동할 부분 1 텍스트 cs 하이퍼링크처럼 강조 표시되어 나타납니다. 여기에 target이라든가 이것저것 붙으면 그게 하이퍼링크입니다 (?) 이 글에 책갈피 예시가 많아요 (힘들었다) [Unity UGUI] 일정 간격으로 UI 배치하기 - Layout Group 글 너무 오랜만에 써서 어떻게 써야할지 계속 쳐다만 보면서 고민중 왜 오랜만인가 - 그동안 올림픽 보고 게임 하면서 지내느라 .. 국가대표 선수들의 경기 하나하나 너무 멋졌어요! 어쨌든 이 drybone-developer.tistory.com 그런데 티스토리에서 쓸 때는 HTML에서 글쓰기를 완료하지 않으면 뭐가 이.. 2021. 9. 2. [폰트] 서브셋 경량화, WOFF 변환 + 상용 한글, 제1수준 한자, 특수기호 요즘 자꾸 딴짓만하네 하지만 어쩌겠어요 전 오늘도 제가 하는 게임들에서 이벤트 총을 동시에 네 발이나 맞았어요 (?) 여튼 어제 쓴 글에서 이어지..기도 하는? 글입니다. [WOFF / CSS] 글자 사라짐(깨짐?) 없는 나눔스퀘어 웹폰트 + CSS 적용 나눔스퀘어의 장점! 용량이 가볍다. 용량이 가벼운 이유는 공식 사이트에서도 말하고 있지만 "꼭 필요한 2,350자만을 추려 용량을 가볍게 줄였"기 때문인데요 이게 용량에선 가벼워져서 좋고, 사 drybone-developer.tistory.com 어제 이 글에선 나눔스퀘어를 썼더니 일본어 부분이 전부 공백으로 처리되어 보이질 않는다! 는 문제가 있어서 그걸 해결했는데요 이걸 해결해서 없는 글자는 대체되게 만들었더니 기본 폰트가 마음에 안 든다! 는 문제.. 2021. 8. 31. [폰트/ CSS] 글자 사라짐(깨짐?) 없는 나눔스퀘어 웹폰트 + woff 폰트 파일 CSS 적용 나눔스퀘어의 장점! 용량이 가볍다. 용량이 가벼운 이유는 공식 사이트에서도 말하고 있지만 "꼭 필요한 2,350자만을 추려 용량을 가볍게 줄였"기 때문인데요 이게 용량에선 가벼워져서 좋고, 사실상 쓸 일이 없는 글자들이 표시되지 않아서 겪는 문제가 없으니 무리 없이 쓸 수 있지만... 저는 문제가 있었습니다! 일본어 때문에. 나눔스퀘어에는 일본어 히라가나, 가타카나가 포함되어있긴 한 것 같은데요 (추측형) 문제는 이 폰트를 적용하면 장음 표시 기호랑 한자가 없어지더라고요 ㅋㅋ ㅠㅠ 예를들어 レイヤードストーリーズゼロは良い！라고 쓴다면 이제 실제로 보이는건 レイヤ ドスト リ ズゼロは い！인거예요 하.. .... 실제 이미지는 글 최하단을 봐주세요... 당장 ゲーム開発者向けカンファレンス 라고 쓰면 컨퍼런스만 .. 2021. 8. 30. [CSS] 티스토리 링크 미리보기 이미지 색깔 수정 얼마전 글에서도 보셨겠고 지금도 보고계시겠지만 블로그 배경을 까맣게 바꿨습니다. 글씨체도 제 마음대로 슉슉 바꿨고요. 열심히 하얀색의 잔재를 청산하던 중, 스킨 CSS에서 도저히 찾을 수 없는 색이 있었으니... 이거였어요 ㅋㅋㅋㅋㅋㅋㅋㅋ 링크 미리보기? 라고 해야하나. 링크 걸면 자동으로 나오는 표와 썸네일과 .. 여튼 그런 이미지입니다. 아니 서체야 그렇다치고 블로그 배경이 어두운 회색인데 이건 너무하지 않나 ... 싶을정도로 멀쩡하더라고요 차라리 이거 자체가 하얀색이었던거면 나을텐데 .. 그것도 아니고 그냥 투명색이었음 지금까진 스킨 배경색이 흰색이라 하얗게 보였던거야 하... 그래서 이걸 바꿀 수 있는 방법을 찾아냈어요 ....... 알못에겐 힘겨웠다. 아래 글에선 우선 이 이미지를 어두운 회색,.. 2021. 8. 16. [CSS] 티스토리 블로그, 사이트에서 웹 폰트 깨질 때 - transform.skew() 주워오고난 뒤 더 배운 지식 바로 전에 사이트에 웹폰트를 적용해서 서체를 전부 바꾸는 방법을 포스팅했었는데 여기서 글씨가 깨지는 분들을 위한 해결책입니다. [CSS] 티스토리 블로그 폰트 변경하기, 사이트에 웹 폰트 적용 사실 이런 글은 이미 천지빼까리지만 써보기로 했습니다 블로그 새단장 했어요 보이시나요? 헤헷코슥~ 근데 진짜 CSS 알못이라 잡히는대로 대충대충해가지고 디자인이 예쁘지 않긴 하네요 앞으 drybone-developer.tistory.com 벌써 이 이미지에 나온 미리보기 제목 + 내용만 봐도 .... 글씨가 얼마나 잔혹하게 깨지는지 보이시죠 웹폰트는 15pt 이하의 크기가 되면 깨진대요. (눈물줄줄) 해결책 1. 15pt 이상의 크기로 키워준다! 2. 글씨를 아주 살짝 기울인다 이 글에.. 2021. 8. 14. [CSS] 티스토리 블로그 폰트 변경하기, 사이트에 웹 폰트 적용 사실 이런 글은 이미 천지빼까리지만 써보기로 했습니다 블로그 새단장 했어요 보이시나요? 헤헷코슥~ 근데 진짜 CSS 알못이라 잡히는대로 대충대충해가지고 디자인이 예쁘지 않긴 하네요 앞으로도 천천히 고쳐야지 근데 웹디하는 사람들은 매일 이걸 하는건가? 대단해 블로그 디자인 (주로 색상 위주로) 변경하면서 보시면 아시겠지만 폰트도 아시겠지만 바꿨어요 PC에선 나눔스퀘어 위주로 나오고 모바일에선 에스코어드림 위주로 나옵니다. 이렇게! 웹사이트의 폰트를 전부 동시에 바꾸는 법! 저는 이런 수정을 할 수 있는 사이트가 티스토리밖에 없어요. 그래서 티스토리 위주로 설명하지만, 다른 사이트도 비슷한 편이죠 (근데 다른 사이트를 직접 코드 짜서 만드실 분이면 이 정도 지식은 다 알고 계실듯) 1. 임베딩 가능한 웹 폰.. 2021. 8. 14. [CSS] 알게된 것들 소소하게 정리 보호되어 있는 글 입니다. 2021. 8. 11. 이전 1 2 다음
