소금인형 - SW개발자?

Bootstrap 4에서 svg 아이콘을 만들수 있습니다. Bytesize Icons https://github.com/danklammer/bytesize-icons/blob/master/README.md svg 아이콘들은 백터 형태이기 때문에 사이즈가 변화되어도, 이미지 처럼 깨짐이 없습니다. 카메라 아이콘 SVG 태그 여기서 width="20" height="20"으로 주면, 사이즈가 줄게 됩니다. stroke-width="3"를 주면 더 두꺼워 집니다. [ 모서리 부분을 값을 선택 ] Style stroke-linejoin stroke-linecap Round round round Bevel bevel butt Miter miter butt [ 두께를 다르게 하는 형태 ] Weight stroke-..

jQuery Mobile Icons (1.4버전) - SVG icons (45개) Text와 이미지를 함께 사용한 버튼이며, SVG icons이기에 사이즈가 늘어나도 깨짐이 없다. 사용법 1) data-icon="arrow-r" 사용법 2) class=" ... ui-icon-클래스" class="... ui-icon-arrow-r" action alert arrow-d arrow-d-l arrow-d-r arrow-l arrow-r arrow-u arrow-u-l arrow-u-r audio back bars bullets calendar camera carat-d carat-l carat-r carat-u check clock cloud comment delete edit eye forbidden f..

IE에서는 웹 폰트(EOT)방식으로 화면에 표현되지만, IE외의 웹 브라우저에선 True Type Font로 표현됩니다. IE외의 웹 브라우저 화면에서 폰트를 나타내고 싶으신 분들은 다음의 소스를 참고하시길 바랍니다. 우선, 폰트를 서버에 업로드시키세요. 새로 CSS파일을 만들어 연결시키거나 기존 CSS파일에 아래의 내용을 추가해주세요. /* True Type Font 정의하기 */ @font-face {font-family:우리폰트명; src:url(상대경로 또는 절대경로/우리폰트명.ttf) format('truetype')} ※ format을 truetype으로 설정하는 것이 중요합니다. 출처: http://www.woorigle.com/wooriboard/board.php?id=fnq&article..