Microsoft MVP성태의 닷넷 이야기
.NET Framework: 123. WPF - Arial Narrow 폰트 문제 [링크 복사], [링크+제목 복사],
조회: 29178
글쓴 사람
정성태 (techsharer at outlook.com)
홈페이지
첨부 파일
 


WPF - Arial Narrow 폰트 문제


요즘 진행하고 있는 프로젝트에서, 예기치 않은 문제가 발생했습니다.

먼저, Windows Form 응용 프로그램에서의 Arial 폰트와 Arial Narrow 폰트를 비교해 보면,

[그림 1: Arial 폰트 비교 - Windows Form]
wpf_arial_narrow_font_issue_1.PNG

정상적으로 나오는 것을 확인할 수 있습니다. 그런데, WPF에서는 다음과 같이 Narrow로 지정된 모양이 "Bold Italic"으로 적용되어 나오는 것을 볼 수 있습니다.

[그림 2: Arial 폰트 비교 - WPF]
wpf_arial_narrow_font_issue_2.PNG

<Window x:Class="WpfApplication1.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="Window1" Height="168" Width="272">
    <Grid>
        <StackPanel>
            <Label FontFamily="Arial" FontSize="18">Arial Normal Font</Label>
            <Label FontFamily="Arial Narrow" FontSize="18">Arial Font Narrow</Label>
        </StackPanel>
    </Grid>
</Window>


WPF 프레임워크 단에서 그런 처리를 해주니 어쩔 수 없는 문제인데, connect 사이트에도 이와 관련된 피드백이 올라와 있습니다.

WPF 피드백 - Font mapper incorrect results with Arial Narrow
; https://connect.microsoft.com/feedback/ViewFeedback.aspx?FeedbackID=343874&SiteID=212

패치 등을 통한 직접적인 해결 방법은 제공되지 않고 있으며, 단지 RenderTransform을 통한 우회 방법만이 "Steve1105"라는 계정을 쓰는 사람에 의해서 제공되고 있습니다.

우회 해결 방법
; https://connect.microsoft.com/feedback/Workaround.aspx?FeedbackID=343874&SiteID=212

위의 WPF 코드를 RenderTransform을 이용하면 다음과 같습니다.

[그림 3: RenderTransform을 이용하여 흉내낸 Arial Narrow 폰트]
wpf_arial_narrow_font_issue_3.PNG

<Window x:Class="WpfApplication1.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="Window1" Height="168" Width="272">
    <Grid>
        <StackPanel>
            <Label FontFamily="Arial" FontSize="18">Arial Normal Font</Label>
            <Label FontFamily="Arial" FontSize="18" Content="Arial Narrow Font">
                <Label.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform ScaleX="0.8"/>
                    </TransformGroup>
                </Label.RenderTransform>
            </Label>
        </StackPanel>
    </Grid>
</Window>




[이 토픽에 대해서 여러분들과 의견을 공유하고 싶습니다. 틀리거나 미흡한 부분 또는 의문 사항이 있으시면 언제든 댓글 남겨주십시오.]







[최초 등록일: ]
[최종 수정일: 4/10/2022]

Creative Commons License
이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.
by SeongTae Jeong, mailto:techsharer at outlook.com

비밀번호

댓글 작성자
 




... 91  92  93  [94]  95  96  97  98  99  100  101  102  103  104  105  ...
NoWriterDateCnt.TitleFile(s)
11676정성태8/29/201831633.NET Framework: 791. C# - ElasticSearch를 위한 Client 라이브러리 제작 [1]파일 다운로드1
11675정성태8/29/201822112오류 유형: 481. The located assembly's manifest definition does not match the assembly reference.
11674정성태8/29/201822176Phone: 12. Xamarin - 기존 리모컨 기능을 핸드폰의 적외선 송신으로 구현파일 다운로드1
11673정성태8/28/201821230오류 유형: 480. Fritzing 실행 시 Ordinal Not Found 오류
11672정성태8/28/201820266오류 유형: 479. 윈도우 - 시스템 설정에서 도메인 참가를 위한 "Change" 버튼이 비활성화된 경우
11671정성태8/28/201827038사물인터넷: 39. 아두이노에서 적외선 송신기 기본 사용법파일 다운로드1
11670정성태8/28/201826711사물인터넷: 38. 아두이노에서 적외선 수신기 기본 사용법 [1]파일 다운로드1
11669정성태8/24/201825602개발 환경 구성: 394. 윈도우 환경에서 elasticsearch의 한글 블로그 검색 인덱스 구성
11668정성태8/24/201836545오류 유형: 478. 윈도우 업데이트(KB4458842) 이후 SQL Server 서비스 시작 오류
11667정성태8/24/201820780오류 유형: 477. "Use Unicode UTF-8 for worldwide language support" 옵션 설정 시 SQL Server 2016 설치 오류 [1]
11666정성태8/22/201821002사물인터넷: 37. 아두이노 - 코딩으로 대신하는 오실레이터 회로의 소리 출력파일 다운로드1
11665정성태8/22/201825786사물인터넷: 36. 오실레이터 회로 동작을 아두이노의 코딩으로 구현하는 방법파일 다운로드1
11664정성태8/22/201824984개발 환경 구성: 393. 윈도우 환경에서 elasticsearch의 한글 형태소 분석기 설치 [1]
11663정성태8/22/201828209개발 환경 구성: 392. 윈도우 환경에서 curl.exe를 이용한 elasticsearch 6.x 기본 사용법
11662정성태8/21/201819373사물인터넷: 35. 병렬 회로에서의 커패시터파일 다운로드1
11661정성태8/21/201822701사물인터넷: 34. 트랜지스터 동작 - 컬렉터-이미터 간의 저항 측정파일 다운로드1
11660정성태8/19/201822644사물인터넷: 33. 세라믹 커패시터의 동작 방식파일 다운로드1
11659정성태8/19/201822862사물인터넷: 32. 9V 전압에서 테스트하는 PN2222A 트랜지스터파일 다운로드1
11658정성태8/18/201826258사물인터넷: 31. 커패시터와 RC 회로파일 다운로드3
11657정성태8/18/201824413사물인터넷: 30. 릴레이(Relay) 제어파일 다운로드3
11656정성태8/16/201818478사물인터넷: 29. 트랜지스터와 병렬로 연결한 LED파일 다운로드1
11655정성태8/16/201821610사물인터넷: 28. 저항과 병렬로 연결한 LED파일 다운로드1
11654정성태8/15/201822815사물인터넷: 27. 병렬 회로의 저항, 전압 및 전류파일 다운로드1
11653정성태8/14/201823276사물인터넷: 26. 입력 전압에 따른 LED의 전압/저항 변화 [1]파일 다운로드1
11652정성태8/14/201820604사물인터넷: 25. 컬렉터 9V, 베이스에 5V와 3.3V 전압으로 테스트하는 C1815 트랜지스터파일 다운로드1
11651정성태8/14/201826851사물인터넷: 24. 9V 전압에서 테스트하는 C1815 트랜지스터 [1]파일 다운로드3
... 91  92  93  [94]  95  96  97  98  99  100  101  102  103  104  105  ...