728x90 300x250 SMALL Front-end/HTML78 구글 웹폰트 적용방법 https://fonts.google.com/ 먼저 구글웹폰트에 접속합니다. Goolgle Fonts 사이트에서 원하는 폰트를 찾으면 되는데 한글 폰트를 원하면 오른쪽 Languages부분을 변경해주면 된다. + 버튼을 누르면 하단에 Family Selected가 나옴 customize 해줄수도 있다. 스탠다드와 임포트 방식으로 나온다 복사해다가 css에 넣어주면 된다. 1@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&subset=korean');cs 1body { font-family: 'Noto Sans KR', sans-serif; }cs ※ 구글 웹폰트에서 제공하는 웹폰트는 woff2.. 2019. 1. 14. ttf폰트 직접 웹폰트 업로드해 사용하기 ▶ 웹에서 사용할수 있는 폰트 TrueTypeFont(*.ttf) : 트루타입은 애플과 마이크로소프트에 의해 1980년대 후반에 개발된 글꼴 표준OpenTypeFonts(*.otf) : 오픈타입은 확장가능한 마이크로소프트 컴퓨터 글꼴 형식The Web Open Font Format(*.WOFF) : WOFF는 W3C에서 추천하는 글꼴 형식The Web Open Font Format(WOFF2.0) : WOFF에서 향상된 글꼴SVG폰트(*.svg, *.svgz) : 벡터방식의 글꼴형식Embeded Open Type Fonts(*.eot) : 익스플로러 6~8에서 사용하던 웹 폰트 방식 ▶ 폰트 포맷 브라우저 지원 구분 익스플로러 크롬 파이어폭스 사파리 오페라 TTF/OTF O O O O O WOFF O O.. 2019. 1. 12. 웹접근성::이미지에 텍스트 설정하고 안보이게 (ir효과) 웹접근성 연구소 사이트의 한국형 웹콘텐츠 접근성 지침에 따라 웹콘텐츠 제작기법을 보면준수해줘야 할것들이 있다. 웹접근성은 몸이 불편한 사람이라도 정보를 이용하는데 불편함이 없도록 하는것이 목적에 있기 때문에 만약 시각 장애인이 사이트를 이용할 경우 텍스트는 리더기로 읽어줄 수 있지만 이미지는 읽을 수가 없다 그래서 이미지에 텍스트를 붙여준다. 또한 css가 동작하지 않는 환경에서도 어떤 내용인지 파악이 가능해야 하기 때문에 백그라운드로 넣어주는 이미지라고 할지라도 텍스트를 써주는 것이 좋다. 이런걸 ir효과라고 하는데 http://ui.daum.net/ 위주소로 가면 다음 웹표준에대한 정의를 볼 수 있는데 http://ui.daum.net/convention/css/css_ir 여기 ir 기법에 대한 소.. 2019. 1. 7. MAMP 설치하기 홈페이지를 만들려면 웹서버가 필요한데 개인이 이 웹서버를 소유하려면 비용이 부담스럽기 때문에 보통 웹호스팅 업체를 이용하게 된다.그러나 MAMP를 이용하면 이런 호스팅 업체를 이용하지 않고도 웹서버를 이용할 수 있는 환경을 만들 수 있다.내 로컬에 웹서버인 아파치 그리고 PHP와, MySQL을 설치 해서 웹서버로 사용할 수 있게 해준다. 즉 내컴퓨터에서도 서버측 언어를 확인하면서 작업할 수 있는 환경이 만들어지기 때문에 일일이 FTP에 올려가면서 확인하 필요가 없다. https://www.mamp.info/ 위 주소로 MAMP를 다운받을 수 있다.유료버전을 구매하면로컬 뿐만아니라 웹서버로 바로 연동이 가능하다고한다. 다음단계에서 본인의 사양에 맞는 MAMP를 선택하고 다운받으면된다. 이렇게 다운받은 파일.. 2019. 1. 4. 이전 1 ··· 13 14 15 16 17 18 19 20 다음 728x90 반응형 LIST
