고객의 요청으로 폰트 미리보기 사이트를 만들었는데, 갑자기 모든 폰트가 고딕체로 변했다는 연락이 왔습니다.확인해보니 다른 브라우저에서는 모두 정상적으로 보이는데 '네이버앱' 에서만 폰트가 고딕체로 되어있더라고요. 왜 눈누 페이지는 되는데 내껀 안되지?! 하고 여기저기 뒤져본 결과 일단 확인할 내용1. 네이버앱 설정 > 화면 스타일·폰트 설정에 기본글꼴로 되어있어야함. (눈누에서도 동일하게 보이는지 확인)네이버앱은 사용자가 폰트를 정할수있기때문에, 웹폰트보다 앱에 적용된 폰트가 최우선으로 먹힘..이의경우 강제로 설정할수있는 방법은 없는듯 합니다.!important 를 먹여도 네이버앱 설정이 제일 최고순위인거 같아요. 2. css 확인이의경우 개발자님이 건든뒤로 확인은 안했었는데 다시보니 콤마, 가 들어가있..
Frontend/CSS
작업 중 서버에서 불러오는 요소의 위치가 같으나 불러오는 이미지가 다를경우, 이미지의 alt 또는 title 속성에 따른 css를 적용할 수 있다. 아래 css를 공유하는 두 태그가 있다. 이 이미지에 class를 부여할 수 없을때(외부에서 불러오는 요소 등), 스크립트를 사용해 class를 개별적으로 부여하여 작업하는 경우가 많다. 이미지 하나에 쓰이는 작업량이 많기에 스크립트를 사용하지 않고 CSS만 사용하여 이미지에 적용시키려 한다. 나는 boss 라는 이름(title)을 가진 img 태그에 margin-top : -10px을 주고싶었다. /* 예시 CSS */ img[title$="boss"]{margin-top:-10px;} img[alt$="boss"]{margin-top:-10px;} 이의 ..
1. css에 오타 없는지 빼먹은 기호 없는지 확인한다. 2. 1번이 아니라면 헤더 메타태그 선언을 확인한다. title 선언 위로 아래 문구가 없다면 붙여넣기
목표 :hover 이벤트에 대해 알기 특성 마우스를 올릴 요소를 A, 주고싶은 변화를 B 라고 칭했을 때. A:hover {B;} 형식으로 CSS를 작성해주면 됩니다. 학습 1) HTML 마크업 저는 각 텍스트에 마우스를 올렸을때 (hover 했을 때) 해당 글씨대로 색깔을 변경해보려고 합니다. 빨간색 파란색 검정색 배경, 하얀색 글씨 2) CSS 그리고 무쟈게 간단한 CSS .red:hover{color:red;} .blue:hover{color:blue;} .bnh:hover{color:white; background:black;} 결과
