#폰트

시스템 폰트 사이즈에 의한 RN 어플 레이아웃 변경

안녕하세요 선배님들 처음으로 어플리케이션 프로젝트를 진행중입니다... 웹으로 할 때는 극적으로 작게 줄인 브라우저 창 및 극적인 스케일링을 반응형으로 적절히 조절했었는데 스마트폰이라는 환경상 너무 작은 디스플레이에 많은 정보가 존재하고 시력이 약한 노년층의 경우 스마트폰 자체의 폰트사이즈가 커서 레이아웃 조절에 어려움을 겪고 있습니다... 폰트 사이즈를 계산해서 레이아웃을 변경한다는 엄청나게 복잡한 생각을 하다가 스마트폰의 폰트 사이즈를 따르지 않게 고정하고 앱을 처음으로 실행할 때 사용자가 원하는 폰트 사이즈 선택에 맞춰 레이아웃을 설정시키는 초기 세팅 모달을 띄우는 것이 훨씬 간단하다는 생각이 들어서 이 방향으로 굳어지는 중입니다. 혹시 선배님들은 작은 디스플레이에서의 사용자의 폰트 사이즈 설정에 따른 레이아웃 조절을 어떻게 구현하시는 지 궁금합니다... 두서없는 질문을 읽어주셔서 감사합니다.

Devexpress schedulercontrol

schedulercontrol에서 전체적으로 배경색을 검은색으로 폰트색을 흰색으로 하려고 CustomDrawTimeCell과 CustomizeDateNavigationBarCaption를 사용해서 셀은 변경됐는데 bapcaption 이벤트 쪽은 코드 objectinfo, viewifo,handled부분에서 오류가 발생해서 변경이 안됩니다. 혹시나 아시는 분은 도움주시면 감사하겠습니다. private void schedulerControl1_CustomDrawTimeCell(object sender, DevExpress.XtraScheduler.CustomDrawObjectEventArgs e) { if (e.ObjectInfo is SchedulerViewCellBase cell) { // 셀의 배경색을 검은색으로 설정 cell.Appearance.BackColor = Color.Black; cell.Appearance.ForeColor = Color.White; // 텍스트 색상도 흰색으로 설정 e.Handled = true; // 기본 그리기 동작을 무시하고 커스텀 스타일을 적용 } } private void schedulerControl1_CustomizeDateNavigationBarCaption(object sender, DevExpress.XtraScheduler.CustomizeDateNavigationBarCaptionEventArgs e) { if (e.ObjectInfo is DevExpress.XtraScheduler.ViewInfo.SchedulerHeaderViewInfo headerViewInfo) { headerViewInfo.Appearance.BackColor = Color.Black; // 배경색을 검은색으로 설정 headerViewInfo.Appearance.ForeColor = Color.White; // 폰트 색상을 흰색으로 설정 e.Handled = true; // 기본 그리기 동작을 무시하고 커스텀 스타일을 적용 } }

웹폰트 나눔스퀘어네오 윈도우 크롬 적용안되는 현상

React 프로젝트이며, 웹폰트로 나눔스퀘어네오 cdn방식으로 가져오고 있습니다. 맥에서는 잘 적용되는데, 윈도우 크롬 콘솔에 에러 뜨고 네트워크탭 - 폰트 확인 시 404가 뜨는데, 혹시 저와 같은 현상인 분 있으신가요?? 콘솔 에러 OTS parsing error: Unable to instantiate font face from font data. ``` @font-face { font-family: 'NanumSquareNeo-Variable'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.0/NanumSquareNeo-Variable.woff2') format('woff2'), url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.0/NanumSquareNeo-Variable.woff') format('woff'); font-weight: normal; font-style: normal; } ``` 나눔스퀘어네오 폰트 https://noonnu.cc/font_page/1053

공공데이터 API 호출 및 렌더링 과정에서 고민이 있습니다..

공공데이터api 관련 프로젝트를 진행 하고 있습니다. 기획, 디자인 전부 저를 비롯한 팀원과 함께하고 있는데, api를 불러와 정보 데이터를 표시하는데 <p><span style="color: rgb(13, 13, 13); font-family: Roboto, Noto, sans-serif; font-size: 15px; white-space-collapse: preserve; background-color: rgb(255, 255, 255);">덕순이.. 이상하게 보자마자 덕순이란 이름이 떠올랐어요.</span></p><p><span style="color: rgb(13, 13, 13); font-family: Roboto, Noto, sans-serif; font-size: 15px; white-space-collapse: preserve; background-color: rgb(255, 255, 255);"><br></span></p><p><span 이런식으로 스트링 값으로 불러와집니다. 문자열로만 추출하니 개행, 문장 이음새 등등이 가독성이 아래사진 처럼 매우 떨어지게 됩니다 다음 상황에서 어떤 방법이 좋을까요? 위와 같은 태그로 표시되기에 이를 React에서 그대로 태그 형식으로 출력하는 방법을 생각해보고 있지만, 컬러,폰트 크기 같은 속성은 제외하고 <p> <span>등의 태그만 유지하도록 필터링해야하는 것인가요? 혹시 그렇다면 그 필터되 값을 문자열 형식말고 태그형식으로 적용할 수 있을까요? (추가) 현재 gpt 도움으로 아래의 방법으로 진행하여 성공하게 되었는데 이방법보다 효율적인 방법이 있을까요? 또한 이방법으로는 폰트 사이즈, 굵기가 임의 조절이 되지않는 단점이 있어서 이를 해결하고 싶습니다.

모바일에서만 css 애니메이션이 끊깁니다.

https://yellagoya.github.io/toy-react-template/ 가변폰트 무게를 @keyframe 애니메이션으로 반복 변화하게 만들었는데 데스크탑에서는 문제가 없고 모바일 환경에서만 끊깁니다. 브라우저 차이는 아닌 것 같은데 왜 이런문제가 발생하는 걸까요 ¿

웹 폰트를 유료화 시키려면 어떤식으로 개발해야 하나요?

웹 프로젝트에서 시스템 폰트를 유료 아이템으로 개발하게 되었는데 어떤식으로 해야 할지 감이 안잡힙니다. 모바일앱 같은 경우 로컬로 폰트를 다운 받아서 적용시켜줄수 있는것 같은데 웹은 서버에 구입 내역 정보를 저장하고 해당 정보 확인 후 매번 cdn으로 폰트를 적용해야 하는건지 감이 잘 안잡히네요. 유료 시스템 폰트 전체를 프로젝트 내부에 전부 저장하는건 말이 안되는것같고.. 혹시 이 부분에 대해 조언 좀 해주실 수 있을까요?

mysql 워크벤치 창 크기

mysql 공부 해보고싶어서 워크벤치 다운 후 영상 보면서 하고 있는데 윈도우 키+방향키 해도 반으로 접히는게 아니라 2/3분량 차지해서 영상보는게 너무 불편하네요ㅠㅜ 혹시 이거 해결방법 아시는분 계신가요.. 인터넷 찾아봐도 폰트 크기 같은거만 나오고 워크벤치 창 자체 설정같은건 못찾겠네요 ㅠㅜ 도움주시면 감사하겠습니다..!! * 참고로 윈도우 10에 lg 노트북 사용중입니다

앱개발시 디자인 어떻게 가져오시나요??

IOS개발자로 취업준비중입니다. 앱을 기획하고 만들어보려고하는데 제가 디자인쪽에 기술이 있는것이아니라 직접 제작하기가 힘들것 같은데 1인개발자가 앱을 디자인하고 개발할때 아이콘 ,폰트, 디자인등 어떻게 해결하시나요?? 구글폰트나 icos에서 받는거 사용하면 저작권에 걸릴까요???

퍼블 고수분들 도와주세요

현재, 웹브라우저 기반 앱을 만들고 있습니다 각 페이지 마다 em(1em = 16px을 기준)으로 폰트 사이즈를 잡았는데 휴대폰 자체에서 글자 크기를 설정할 경우, 안드로이드 같은 경우에는 글자가 커지더라구요..! 이걸 막거나 대체할 방법이 있을까요? 반응형 땜에 em 을 썼는데 px을 쓰는 게 나을까요..?

css 해상도에 대한 대응은 어떻게하는게 베스트일까요?

css 해상도에 대한 대응은 어떻게 하고 계시나요? 저는 뷰포트 기준으로 잡고 내부는 %로 처리했는데 pc 기준 웹페이지 개발이면 폰트 등 여러가지 고려할게 많더라고요 ㅠㅠ 현업에선 어떻게 css가 아예 안무너지게 짜나요? 미디어쿼리로 그냥 전부 노가다하는지.. 궁금합니다.

엑셀 불러와 수정후 저장하기 질문이요~!!!

언어 : Node 입니다 문제 상황 : 엑셀 템플릿을 불러와 정보 기록하고 저장하는 과정 중에서 템플릿 서식이 깨지게 됨니다. ex. 그래프 폰트사이즈 등등 (함수실행 순서) 1. DB에서 정보를 불러온다 2. 엑셀 템플릿을 불러온다 3. 정보를 기록한다 4. 저장한다 (문제가 되는 부분) 다시 저장을 할때 서식 그래프까지 같이 저장되는 방법이 있을까요? 검색을 하고 찾아 보고 있지만 어떻게 검색해야 하는지 모르겠어서요

가독성이 가장 좋은 본문 폰트사이즈는 몇 포인트라고 생각하시나요?

디자인할 때마다 고민되네요 디지털환경/오프라인 매체 별로 다를것 같은데 의견 부탁드립니다