다른 날 저는 순항 중이었고 http://www.justbenicestudio.com/studio/websymbols에 머물면서 웹 사이트의 아이콘에 @ font-face를 사용하는 것에 대한 멋진 기사를 보았습니다. 저자의 말을 인용하면 "인터랙티브 디자이너의 모든 경력에는 디자인 할 모든 웹 사이트에서 동일한 그래픽 세트를 다시 제작하는 것이 싫증이났다."아이콘과 텍스트가있는 버튼에 @ font-face 사용
@ font-face가 제가 작업하는 앱에서 작동하는지 궁금합니다. Check out the test.
완벽하지 않으므로 구현하기 전에 제안과 의견을 찾고 있습니다. 너무 빨리 생각하니? 시간 낭비? 아니면 아약스 이후로 가장 멋진가요?
나는 개인적으로 너무 빨리, 대부분의 브라우저는 @ font-face를 지원하므로 상대적으로 안전 할 것이라고 제안 하겠지만 안전하고 재생산되지 않는 좋은 이유는 보이지 않습니다. 사용자는 전체 글꼴보다 작은 이미지 하나를 제공하여 사용자에게 더 많은 시간과 대역폭을 절약 할 수 있습니다. Photoshop이나 gimp와 같은 사진 편집기를 사용하는 경우 파일을 보관하면 다음 번에 필요할 때 사용할 준비가됩니다.
@ font-face는 텍스트에만 사용했지만 그 링크에는 버튼이 멋지게 게시되었습니다. 내가 찾은 유일한 불일치는 브라우저 간 "호환성"(그러나 디자인의 관점에서만)입니다. 그것은 사소한 문제이지만, 모바일 용으로 디자인했다면 존재하지 않습니다 (앱을 언급 한 것입니다). 브라우저는 텍스트 일 때 글꼴을 다르게 렌더링합니다 (예 : IE9가 기울임 꼴을 선택하지 않지만 렌더링이 크롬보다 픽셀 화되지 않음).
나는 적응성과 외관의 문제라고 생각합니다. 이미지로 만든 버튼 (선호하는 스프라이트)은 항상 좋아 보이지만 새로운 버튼을 만들 때마다 이미지를 편집해야합니다. @ font-face가있는 버튼은 복제 및 수정하기가 쉽습니다. 또한 서재응을 도울 수 있지만 브라우저의 렌더링 차이가 있습니다.
의견 질문은 실제로이 사이트에서 묻는 유형이 아닙니다 ("해결책"이 없기 때문에). 그런 말로 표현하자면, @ font-face를 많이 사용한다고 생각합니다. – ScottS