1. 구글 웹 폰트 사이트를 접속해서 원하는 폰트를 검색한다. 2. 원하는 폰트를 클릭해준뒤 'Select the font'를 클릭한다. 3. 우리는 url 주소를 가져갈 것이므로, 좌측 상단에 'embed'를 클릭해준다. 4. 하단에 링크를 복사해준다. 5. 복사한 링크를 활용하여 아래와 같이 HTML 문서를 작업해주면 완성~ 브라우저 기본 글꼴 사용 나눔고딕 웹 폰트 사용 6. 결과물
코딩 | 개념 정리/HTML & CSS
표준 규약이 아닌 속성들은 브라우저에 따라 다른 방식으로 지원되기 때문에 속성 이름 앞에 접두사(prefix)를 붙여 브라우저별로 구분해야 합니다. 접두사 설명 -webkit- 웹키트 방식 브라우저용(사파리, 크롬 등) -moz- 개코 방식 브라우저용(모질라, 파이어폭스 등) -o- 오페라 브라우저 -ms- 마이크로소프트 인터넷 익스플로러 접두사를 일일이 작성한다면? Mouse Over 이와 같이 5줄이나 써야 합니다 OMG.... 브라우저 접두사 자동으로 붙이기 위와 같이 번거러운 것을 피하고자 유능하신 선배님들께서 자바스크립트로 파일을 만들어 두셨습니다. 그래서 '-prefix-free'라는 자바스크립트 파일을 이용하여 CSS3를 편리하게 사용할 수 있습니다. 다운로드 사이트로 이동하기 동그란 다운로..
대부분의 모던 브라우저에서 SVG 파일을 지원하지만 익스플로러 8이하를 고려해야 하거나 안드로이드 2.3이하 버전엥서는 SVG 파일을 표시하라 수 없다. 이런 경우, SVG 이미지 파일 대신 PNG 이미지 파일을 사용해야 한다. 이러한 여부를 테스트 하기 위해 아래의 사이트에서 특정 기느을 지원하는지 여부를 테스트해 주는 툴을 받아 활용하도록 한다. https://modernizr.com 사이트 1. Add your detect를 클릭 2. 내가 필요한 요소를 추가후 BULID를 클릭해 .js 파일을 다운로드 해준다. 3. 다운로드시 아래와 같이 뜰테지만, 계속을 눌러준다. 4. 본인이 사용할 HTML 문서가 있는 곳으로 이동시킨 후 5. html 문서에 아래와 같이 코드를 입력하면 사용이 가능하다. 6..
