PhoneGap 캔버스가있는 iOS의 사용자 지정 글꼴

Question

iOS에서 Phonegap에서 맞춤 글꼴을 사용하려고합니다. 몇 가지 자습서를 따라 스택 오버플로와 관련된 모든 질문을 읽었습니다. 모든 사항을 두 번 확인해도 여전히 제대로 처리 할 수 ​​없습니다.

이

글꼴입니다 : http://www.dafont.com/m04fatal-fury.font ( 블랙 버전)

단계 나는 당신의 정보에 키를 추가 자원 으로 엑스 코드를 사용하여 프로젝트에 사용자 정의 글꼴 파일을 추가

을 촬영했습니다 UIAppFonts라는 .plist 파일. 이 키를 배열로 만듭니다 각 글꼴에 대해 글꼴 파일의 전체 이름 (확장명 포함)을 UIAppFonts 배열의 항목으로 입력하십시오 정보 저장 pl : 이제 응용 프로그램에서 [UIFont fontWithName : @ "CustomFontName"크기 : 12] ... 자원 폴더 m04b.ttf

추가 UIAppFonts 배열에

1. 추가 글꼴을 등 당신의 UILabels 및 UITextViews와 함께 사용할 수있는 사용자 정의 글꼴을 얻을 수 있습니다. [0] => 'm04b.ttf'
2. 실제 글꼴 파일이 빌드 단계 리소스에 있음을 확인했습니다.
3. ctx.font = '16px M04_FATAL FURY BLACK';

작동하지 않았습니다.

포스트 스크립트 이름 M04_FATAL-FURY-BLACK을 사용해 보았습니다. 여기서 완전히 잃어 버렸습니다.이 오류를 디버깅하기 위해 무엇을해야할지 모릅니다.

도움을 주셔서 감사합니다. 무엇이 문제 일 수 있습니까? 모든 것이로드되는지 확인하려면 어떻게해야합니까?

<?xml version="1.0" encoding="UTF-8"?> 
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd"> 
<plist version="1.0"> 
<dict> 
    <key>UIAppFonts</key> 
    <array> 
     <string>m04b.ttf</string> 
    </array> 
    <key>CFBundleDevelopmentRegion</key> 
    <string>English</string> 
    ..... 

Answer 1

나는 동일한 문제가있었습니다. 나는 당신이 공간이나 돌진 등으로 이름을 잘못 철자한다는 것을 거의 보장 할 수 있습니다. 이것을 viewDidLoad에 넣고 귀하의 이름 (.ttf 이름이 아닌 일반 이름)과 유사한 것을 검색하십시오.

for (NSString *name in [UIFont familyNames]) { 
    NSLog(@"Family name : %@", name); 
    for (NSString *font in [UIFont fontNamesForFamilyName:name]) { 
     NSLog(@"Font name : %@", font); 
    } 
} 

Answer 2

저는 CSS 글꼴을 사용했으며 꽤 잘 작동합니다 : https://developer.mozilla.org/en-US/docs/CSS/@font-face.

www/css 아래에 글꼴을 추가하고 font-face를 적절한 경로와 함께 포함 시켰습니다.

Answer 3

"UIAppFonts"대신 키 이름을 입력 할 때 제안되는 "응용 프로그램에서 제공하는 글꼴"키 아래의 .plist 파일에 글꼴을 추가해보십시오.

Answer 4

글꼴을 다운로드하여 www 폴더의 어딘가에 넣으십시오.

의 CSS 파일에 다음을 추가하십시오.

@font-face { 
    font-family: customFontExample; 
    src: url('/fonts/AveriaGruesaLibre-Regular.ttf'); 
} 

src는 글꼴을 다운로드 한 경로입니다. 이 후 당신은 @ 글꼴 얼굴 물건을 필요로하는 경우, 당신은 잘못하고있어 여기에있는 모든 사람들이

h1{ 
font-family: customFontExample; 
} 

Answer 5

같은 이름 "customFontExample"를 사용하여 요소를 사용자 정의 글꼴을 제공 할 수 있습니다.

앱에서 UIFont을 사용하여 글꼴을 사용할 수있게되면 모든 UIWebView에서 글꼴을 사용할 수 있으므로 font-family CSS 속성을 올바르게 지정하면됩니다.예를

.customfont { font-family: 'M04_FATAL-FURY-BLACK'; } 

Answer 6

를 들어

나는/자료 포함 방법 "응용 프로그램에서 제공하는 글꼴"을 시도하고, 당신은 또한 응용 프로그램에서 .TTF 확장을 지정해야합니다 것을 발견했다.

하지만 캔버스 컨텍스트에서 크기를 제대로 얻을 수 없으므로 글꼴이 매우 작습니다.

내 경험상이 방법은 잘 작동하지 않으며 html @ font-face 메서드로 돌아 가야합니다. 이는 글꼴이로드되고 사용할 준비가 된 것을 알기가 매우 어렵 기 때문에 고통입니다.

Answer 7

나는 동일한 문제가있었습니다. 문제는 Finder를 통해 리소스 폴더에 글꼴을 추가했기 때문입니다. 폴더의 Xcode 글꼴이 보이지 않는 것을 보았습니다. xcode를 통해 파일을 추가하면 효과가있었습니다!