둘째 날 회고
- 폰트 적용
다운 받은 폰트 적용은 됐으나 어색한 부분이 있었는데
웹폰트 사이트를 찾아서 적용할 수 있게 됐다.
본래 사이트와 같은 폰트사이즈를 적용하면 비슷한 크기가 되는 것을 확인했다.
다른 조원 분이 폰트 적용이 되지 않는다고 물어보셨는데
이전의 경험을 토대로 웹폰트 사이트에서 제공하는 폰트 이름을 그대로 사용하면 된다고 알려드렸다.
https://www.cdnfonts.com/futura-pt.font
해결 : 설치한 ttf파일명과 동일한 이름을 font-family 속성에서 사용하면 적용된다.
- 이미지 위치 조정
이전 페이지를 참고하면 6개의 사진 중 오른쪽 하단의 사진(HTML 태그 상 마지막) 만
인물이 가운데에 오도록 조정된 것을 볼 수 있다.
해결 : 개별 클래스를 부여했고 left만 조정하니 마지막 사진만 이동했다.
- 이미지 크기 조정
분명히 width, height으로 크기를 조절해왔는데 예상한대로 크기가 변하지 않았다.
또는 아예 화면에서 보이지 않을 때도 있었다.
- 부모 요소 (액자 역할)에 height를 지정(px) 후 자식 요소에서 비율(%)로 조절
- 해당 요소에서 width를 조절
다른 방법 들이 더 있을 것으로 보고 다시 자세히 공부해야겠다.
