글꼴 수정자를 사용하는 방법은 무엇입니까? SwiftUI의 대문자 및 글꼴 크기

HelloWorld

수정자를 사용하여 내 앱의 기본 글꼴을 만들려고합니다. 더 쉬운 방법이 있다면 알고 싶습니다. 현재 나는

struct PrimaryLabel: ViewModifier {
    func body(content: Content) -> some View {
        content
            .font(Font.body.smallCaps())
            .font(.system(size: 20, weight: .light, design: .serif)) // this is not working. Only the first one will '.font' will work

    }
}

유용성 :

Text("Hello World").modifier(PrimaryLabel())

글꼴 유형 (예 : AmericanTypewriter-Light 글꼴 사용)을 변경하고 모두 대문자로 만들고 weight: .light, design: .serif, 굵게 등 의 스타일을 사용하는 방법이 있습니까? 모든 단일 텍스트를 정의하고 싶지 않습니다. .font구조체 의 두 번째 수정자가 작동하지 않습니다.

사용자 3441734

첫 번째 수정자는 논리적이며, 배경 또는 .foregroundColor를 거의 적용하지 않는 경우에만 표시됩니다. 동일한 방식으로 작동합니다.

시험

VStack {
    Text("ALFA").font(.largeTitle)
    Text("Beta").foregroundColor(Color.red)
}
.font(.system(size: 150))
.foregroundColor(Color.blue)

여기에 이미지 설명 입력

다른 이니셜 라이저로 글꼴을 만들 수 있습니다.

init(CTFont)

플랫폼 글꼴 인스턴스에서 글꼴을 가져옵니다.

static func system(Font.TextStyle, design: Font.Design) -> Font

지정된 스타일과 디자인의 시스템 글꼴을 가져옵니다.

static func system(size: CGFloat, weight: Font.Weight, design: Font.Design) -> Font

스타일, 두께 및 텍스트에 적용 할 디자인 매개 변수와 함께 사용할 시스템 글꼴을 지정합니다.

static func custom(String, size: CGFloat) -> Font

주어진 이름과 크기를 가진 사용자 정의 글꼴을 가져옵니다.

또한 텍스트 스타일을 추가 할 수 있습니다.

텍스트보기 스타일 지정

func bold() -> Text

텍스트에 굵은 글꼴 두께를 적용합니다.

func italic() -> Text

텍스트에 기울임 꼴을 적용합니다.

func fontWeight(Font.Weight?) -> Text

텍스트의 글꼴 두께를 설정합니다.

func baselineOffset(CGFloat) -> Text

텍스트의 기준선 오프셋을 설정합니다.

func tracking(CGFloat) -> Text

텍스트에 대한 추적을 설정합니다.

func kerning(CGFloat) -> Text

두 문자 사이의 간격 또는 커닝을 설정합니다.

func underline(Bool, color: Color?) -> Text

텍스트에 밑줄을 적용합니다.

func strikethrough(Bool, color: Color?) -> Text

텍스트에 취소 선을 적용합니다.

경고!! 모든 조합이 지원되는 것은 아닙니다! .italic ()을 .largeTitle 글꼴에 적용하는 방법을 참조하십시오 .

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

Telegram 응용 프로그램과 같은 런타임에서 사용자가 응용 프로그램 테마 색상, 텍스트 글꼴 및 텍스트 글꼴 크기를 사용자 정의할 수 있도록 하는 방법은 무엇입니까?

사용자 지정 글꼴에 굵게, 일반 및 기울임 꼴 글꼴 스타일을 사용하는 방법은 무엇입니까?

Netbeans에서 jTable 헤더 열 글꼴 크기를 사용자 정의하는 방법은 무엇입니까?

SummerNote에서 사용자 정의 글꼴 크기 목록을 설정하는 방법은 무엇입니까?

tailwindcss에서 Google 글꼴의 사용자 정의 글꼴을 추가하는 방법은 무엇입니까?

Vaadin RichTextArea에서 사용자 지정 글꼴 및 사용자 지정 글꼴 크기를 추가하는 방법

특정 글꼴 및 크기의 문자열 길이를 픽셀 단위로 계산하는 방법은 무엇입니까?

Openlayers 6에서 모양의 글꼴 크기를 자동으로 조정하는 방법은 무엇입니까?

PyOpenGL에서 비트 맵 문자의 글꼴 크기를 변경하는 방법은 무엇입니까?

JTable에서 문자열의 글꼴 크기를 변경하는 방법은 무엇입니까?

Mac의 ATOM 편집기에서 사용자 지정 글꼴을 설정하는 방법은 무엇입니까?

FreeTextAnnotations(itext 7)의 글꼴 색상과 글꼴 크기를 변경하는 방법은 무엇입니까?

QuillJS 편집기에 사용자 정의 글꼴을 추가하는 방법은 무엇입니까?

Android에서 문자열 일부의 글꼴 크기를 늘리는 방법은 무엇입니까?

iOS 13의 새로운 글꼴 관리 기능을 사용하는 동안 글꼴에 대한 액세스를 제한하는 방법은 무엇입니까?

DropDownList의 글꼴 크기를 설정하는 방법은 무엇입니까?

문자 수에 따라 <div> 텍스트 글꼴 크기를 조정하는 방법은 무엇입니까?

Rmarkdown, LaTeX 및 .pdf에서 표의 글꼴 크기를 변경하는 방법은 무엇입니까?

ReactJS : Material Ui Autocomplete의 자리 표시 자 글꼴 크기를 변경하는 방법은 무엇입니까?

MS Excel에서 작은 글꼴 크기의 선택된 글꼴을 대체하는 데 사용하는 비트 맵 글꼴은 무엇입니까?

특정 크기의 글꼴을 만든 후 Pillow의 ImageFont를 사용하여 글꼴 크기를 변경하는 방법은 무엇입니까?

Material UI 자동 완성에서 옵션의 글꼴 크기를 변경하는 방법은 무엇입니까?

Ubuntu 18.04 : Dash에서 패널 확장으로 글꼴 및 크기를 사용자 지정하는 방법은 무엇입니까?

JMeter의 글꼴 크기를 변경하는 방법은 무엇입니까?

환경의 글꼴 크기를 변경하는 방법은 무엇입니까?

시스템의 자막 글꼴 크기를 얻는 방법은 무엇입니까?

R을 사용하여 x 축 글꼴의 크기를 조정하는 방법은 무엇입니까?

자바에서 버튼의 글꼴 크기 / 색상을 변경하는 방법은 무엇입니까?

Swift UITextview의 글꼴 크기를 늘리는 방법은 무엇입니까?

TOP 리스트

  1. 1

    C # 16 진수 값 0x12는 잘못된 문자입니다.

  2. 2

    Matlab의 반복 Sortino 비율

  3. 3

    Python의 csv 파일에서 첫 번째 열 삭제

  4. 4

    개체 참조가 개체의 인스턴스로 설정되지 않았습니까? (예외 오류 ~ ASP.NET MVC)

  5. 5

    atob은 인코딩 된 base64 문자열을 디코딩하지 않습니다.

  6. 6

    EventEmitter <string>의 컨텍스트 'this'가 Observable <string> 유형의 'this'메서드에 할당되지 않았습니다.

  7. 7

    병합 셀을 사용하여 워크 시트의 데이터 필터링

  8. 8

    PhpStorm 중단 점에서 변수 값을 볼 수 없습니다.

  9. 9

    jQuery에서 이벤트 핸들러를 제거하는 가장 좋은 방법은 무엇입니까?

  10. 10

    `@ Transactional`이 있음에도 불구하고 이러한 데이터베이스 수정 사항이 롤백되지 않는 이유는 무엇입니까?

  11. 11

    ssh를 사용하여 원격에서 로컬로 파일 복사

  12. 12

    종속 사용자 정의 Lightning 선택 목록 Level2 및 Level3을 설정한 다음 Lightning 구성 요소에서 Level2를 재설정하지만 Level2 캐시 데이터가 저장됨

  13. 13

    2 개의 이미지를 단일 평면 이미지로 결합

  14. 14

    팝업처럼 위젯을 표시하는 방법

  15. 15

    [해결] 쿠키 설정 SameSite = Chrome / JSP, JAVASCRIPT에서 작동하지 않습니다.

  16. 16

    버튼 클릭을 기반으로 특정 CSS 클래스를 추가하는 방법은 무엇입니까?

  17. 17

    React 구성 요소가 자동으로 초기 상태로 다시 렌더링됩니다.

  18. 18

    연결된 서버 쿼리는 작동하지만 동일한 OPENQUERY는 "sys.servers에서 서버 'SERVER'를 찾을 수 없습니다.

  19. 19

    파일 2의 파일 1에서 동일한 줄을 조건으로 바꿉니다.

  20. 20

    아이디어 Intellij : 종속성 org.json : json : 20180813을 찾을 수 없음, maven에서 org.json 라이브러리를 가져올 수 없음

  21. 21

    상황에 맞는 메뉴 색상

뜨겁다태그

보관