css8 [폰트 / CSS] 특정 언어(문자)에 특정 폰트 적용하기 - 유니코드 서두에서는 조금 헛소리를 해야지 블로그가 세개가 있어요 이 블로그랑 자료백업용 블로그, 스킨테스트용 블로그 그런데 이 블로그 파비콘을 바꾸려니까 뜬금없이 해당 닉네임은 사용이 불가능합니다 이러면서 안되는거예요? 문의했더니 닉네임이 셋다 똑같아서 그렇대 다 다르게 해야하는걸로 바뀌었다고 하더라고 아니 .. 그럼 어떡하라는거야 .... 어떤 닉네임을 쳐도 안된다는데 어떡하라고 ... ... 아니. 사람이 살면서 이름이 좀 겹칠 수도 있는 거 아니야? 더군다나 싸이버-세상에서? 그래서 이 블로그 닉이 갑자기 바뀔지도 몰라요 와르르 이런건 안될거같고 와르르 개발자 이런거? 아니면 지금 닉이랑 합쳐서 김시루와르르 (하... 왜 이런 쓸데없는.. 시련을? 사실 백업용 블로그에 일본어를 좀 쓰게 되었는데 이번에도 글.. 2022. 4. 7. [HTML / CSS] 글 제목 카테고리 링크로 만들기 블로그에 문득 생각나서 지금 보고 있는 글 카테고리를 보려고 하니까... 이거 카테고리 링크가 아니더라고요 난 지금까지.. 카테고리 보기 링크인줄 알았어!!! (네이버 쓰던 사람!) 그래서 이걸 링크로 바꿀 수 있는 방법이 없나 하고 검색하던 중에 아래 글을 발견했어요. 티스토리 블로그 북클럽 스킨, 포스트 커버에 카테고리 링크 추가 티스토리 블로그의 "북클럽 스킨의 포스트 커버 높이 수정"글을 캡처한 이미지입니다. 무료로 제공하는 북클럽 스킨을 기준으로 설명을 진행합니다. 글의 포스트 커버에는 글이 담겨있는 카테 netware.tistory.com 이 분 글은 북클럽 스킨이라 되어있지만 저의 오디세이 스킨에서도 잘 작동했습니다. 역시 선지자들은 있는 법이구나.... 크흑 저는 여기에 더해 몇가지 수정을.. 2021. 11. 24. [HTML / CSS ?] 티스토리 텍스트 블록 스타일 추가하기 제가 요즘 글이 없는것은 장문의 번역을 하고 있기 때문입니다. 그리고 .. 할일도 많고.. 흑흑 그런 와중에 이건 기록하지 않으면 까먹을것같아서 급하게 기록하러 달려옴 헥헥 티스토리 CSS에 텍스트 블록 태그를 추가해서 써먹는 방법인데요 사실 매우 간단하지만? 제게 발생한 문제가 있었으므로.. 그리고 마침내 그걸 수정해냈으므로 올려봅니다. 근데 이게 .. ... 좀 폭넓게 적용되는지는 모르겠어서 CSS 뒤에 물음표가 붙었어요 이해해줘요 1. 텍스트 블록 스타일 뭐냐면 티스토리에서 글 쓸 때 선택할 수 있는 제목1~본문3의 그것입니다 정확히 말하자면 이건 아니고, 이걸 선택했을 때 보이는 글자가 달라지잖아요? 이는 해당 HTML 태그에 CSS로 스타일을 지정해두고 그 저장된 스타일을 해당 텍스트 블럭에 불.. 2021. 10. 7. [폰트] 서브셋 경량화, 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. 이전 1 다음
