CSS 썸네일형 리스트형 [HTML/CSS] 웹 상에서 원하는 폰트를 적용해보자 | 폰트 다운로드 | google fonts 윈도우/맥OS 상에 기본으로 설치되어 있지 않은 폰트를 웹상에서 구현하고 싶을 때, google fonts를 참고하자. fonts.google.com [ Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com ](https://fonts.google.com) 원하는 폰트를 검색하고, 오른쪽에 select this style을 클릭. 원하는 몇가지의 폰트를 선택한 뒤, 오른쪽 위의 아이콘을 클릭하면, 선택한 항목의 폰트에 대한 html/css embed 코드가 생성된다. 복사한 뒤, html사이에 다음과 같은 형식으로 복붙한다. 이를 완성하면, html 실행시 해당하는 폰트가 없으면.. 더보기 [HTML/CSS/JS] 웹에서 실시간으로 html/css/javascript를 코딩하고 확인해보자 | codepen.io codepen.io/ CodePen An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications. codepen.io vscode 같은 IDE를 깔지 않더라도 웹상에서 html/css를 코딩하고 실시간으로 확인할 수 있다. 페이지에서 왼쪽에 start coding을 누르자. HTML, CSS, JS에 해당하는 각각의 칸이 있고, 원하는 내용을 코딩해서 넣으면 옆의 창으로 실시간 확인이 가능하다. 간단한 코딩 구현을 쉽게 확인할 수 있다. 더보기 [CSS] css 디자인시 적절한 색을 찾을 수 있는 사이트 css 디자인시, 기본 설정 컬러 외의 컬러를 찾고 싶은 경우가 있다. http://colorhunt.co 위 사이트를 방문하면 원하는 컬러에 대한 코드를 알 수 있다. trend 혹은 popular 탭에서 일반인들도 적절한 색 조합을 찾아 홈페이지에 적용시킬 수 있다. 더보기 이전 1 다음
