디자인

파비콘(favicon) 만들어주는 사이트 추천, 웹사이트에 적용하기

파비콘(Favicon)이란? 인터넷 웹 브라우저의 주소창에 표시되는 웹사이트나 웹페이지를 대표하는 아이콘이다. 최근 네이버 검색 결과에 파비콘이 노출되면서 파비콘의 중요성이 더 높아진 것 같다. 단순히 16*16 사이즈로 ico를 만들어서 적용할 수 도있지만, 디바이스 크기가 다양해진 만큼 어느부분에 파비콘이 어떻게 보여질지 몰라 획일화된 사이즈 보다는 다양한 사이즈로 등록해두는 것이 좋을 것 같은 개인적인 생각이 든다. 파비콘 사이즈를 직접 사이즈별로 만들지 않아도, 다양한 사이즈로 자동으로 파비콘을 만들어주는 사이트를 추천하고자한다. 파비콘 만드는 방법 1. 우선 포토샵이나 이미지툴로 192*192 픽셀의 이미지를 만든다. 이미지 확장자는 png나 jpg이면 상관없다. 2. www.favicon-ge..

[CSS] 패스워드 인풋 박스 input[type=password] 글자 안보이는 경우

커서는 보이는데 아무리 입력해도 글자가 안보이는 경우 해결방법 일부 웹폰트의 경우 input[type=password]를 지원하지 않는다. 따라서 input[type=password]의 폰트를 변경해주면 된다. 위의 캡쳐본의 경우에는 홈페이지 전체적으로 나눔스퀘어 폰트를 사용하고 있었는데 나눔스퀘어 또한 password에 폰트를 지원하지 않는 경우였다. css에 한 줄 추가해서 간단히 해결 가능하다. input[type=password] {font-family:'Malgun gothic', dotum, sans-serif;} [팁] 위와 같이 변경하면 패스워드 입력칸의 placeholder 폰트도 변경이 되는데, placeholder 부분에 한번 더 별도로 웹폰트를 지정해주면 된다. ::placehold..