반응형

SVG 3

Bootstrap 4에서 svg 아이콘 사용하기

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-..

Web/Bootstrap 2018.12.05

jQuery Mobile 1.4 SVG Icon

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..

Web/jQuery 2018.12.05

[웹 폰트] safari, crome, firefox등에서 외부 폰트 구현하기

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..

Web/eBook 2012.02.03
1
반응형