inkscape에 글꼴 포함


20

잉크 스케이프가 읽을 수있는 svg 파일에 글꼴을 포함하는 현재 상태를 알고 있습니다. 임베디드 글꼴이 없으면 svg 파일의 이식성을 심각하게 방해합니다. 특히 시스템에 대한 관리자 액세스 권한이없고 글꼴을 설치할 수없는 사람에게 파일을 보내는 경우에 특히 그렇습니다.

이 링크에 제공된 지침을 따르려고했습니다.

하우투 : 리눅스 잉크 스케이프 SVG 문서에 폰트 임베딩

그러나 작동하지 못하면이 링크는 가능하다는 것을 제안합니다.

https://answers.launchpad.net/inkscape/+question/83618

나는 공정하게 리눅스에서 Windows가 아닌 Windows에서 작동하도록 노력하고 있습니다 (지금은 Linux 시스템에 액세스 할 수 없습니다). 이 기능이 작동하는 실제 svg 파일을 알고 있거나 액세스 할 수 있습니까?


질문 과 관련 있습니까?
Paolo Gibellini

안녕, 고마워 예, 여기에 게시하기 전에 시도했지만 제대로 작동하지 않았지만 작동하는 예제를 찾을 수 없으며 작동 가능한 제안 사항 만 찾을 수 있습니다.
Douglas Kastle

예제에서 글꼴은 인터넷 브라우저 (예 : 웹 페이지의 그래픽)를 통해 사용하기 위해 포함됩니다. 귀하의 목표는 약간 다르며 현재로서는 실례가 없습니다.
Paolo Gibellini

1
Stackeschange는 소프트웨어의 기존 기능에 대한 질문, Inkscape와 같은 오픈 소스 프로젝트의 경우 로드맵 및 이와 같은 미래 기능에 대한 질문을 할 때 개발자와의 직접 채널이 가능합니다. inkscape의 경우, FreeNode IRC 네트워크의 "#inkscape"채널에서 질문을 제기하는 것이 좋습니다.
jsbueno

이 효과에 대해 InkscapeForum에 대한 의문을 제기했지만 답글을받는 것이 여기에 미치지 못했습니다. 제안한 경로를 살펴 보겠습니다.
Douglas Kastle

답변:


5

현재 버전의 Inkscape에서는 SVG 글꼴 을 포함시킬 수없는 것으로 보입니다 (여기 예제 도 참조 ).

에서 0.48 릴리스 노트 :

대화 상자의 글리프 목록이 아직 선택한 글꼴로 렌더링되지 않고 여전히 시스템 글꼴로 표시되는 알려진 제한이 있습니다.

에서 0.47 릴리스 노트 한계에 대한 자세한 설명이 있습니다 :

SoC 2008 프로젝트로서 JucaBlues는 SVG 글꼴의 초기 구문 분석 및 렌더링을 구현했습니다. Inkscape 내에서 글꼴을 디자인 할 수는 있지만 글꼴을 사용하여 캔버스에 텍스트를 렌더링하는 것은 아직 지원되지 않습니다. libpango가 사용자 글꼴 기능을 올바르게 지원하기를 기다리고 있습니다.

SVG 글꼴의 렌더링은 Firefox 또는 Internet Explorer에서 지원되지 않으며 Inkscape Wiki 는 다음과 같이 알려줍니다.

SVG2.0은 SVG 글꼴을 WOFF로 대체 할 수 있습니다

(기다리고 보자)


현재이 튜토리얼 을 따라 SVG에 WOFF 글꼴을 포함시킬 수있었습니다.

<svg xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink"
     width="100%" height="100%" viewBox="30 40 340 135">

  <title>WebFont Template for SVG</title>

  <style type="text/css"><![CDATA[
    @font-face {
        font-family: "indie_flower";
        src: url("indie_flower.woff") format("woff");
        font-weight: normal;
        font-style: normal;
    }

    text { 
        font-family: "indie_flower", serif;
        font-size: 40px;
        fill: silver;
        stroke: gray;
        stroke-width: 0.5px;
        text-anchor: middle;
    }

    textPath { 
        font-size: 35px;
        text-anchor: start;
        fill: silver;
        stroke: none;       
    }

  ]]></style>

  <text x="200" y="80">http://schepers.cc/svg-webfonts</text>  

  <path id="curve" d="M75,170 C150,140 200,140 250,160" fill="none"/>
  <text><textPath xlink:href="#curve">Google Indie Flower</textPath></text>

</svg>

이 URL 다음에 글꼴이 로컬로 복사되었고 ( 여기 에서 가져옴) 다운로드 링크를 얻었습니다 (편의적으로 "indie_flower.woff"로 이름이 바)).

SVG 파일은 로컬 글꼴을 사용하고 잘 렌더링됩니다 (Windows 8.1에서 Firefox 34, Chrome 39 및 Internet Explorer 11에서 테스트). 로컬 글꼴을 사용하여 SVG 파일을 연결할 수 없으므로 스크린 샷을 설정해야합니다.

크롬 스크린 샷

불행히도 (위 참조) 현재 Inkscape 그것을 렌더링하고 기본 글꼴을 사용할 수 없습니다.

현재 ... 기다리고 보자.


11

텍스트를 벡터 경로로 변환하여 이식 가능한 SVG 파일을 만들 수 있습니다.

텍스트 개체를 선택한 다음 경로개체 대 경로 메뉴로 이동하십시오 . (원하는 작업에 따라 Stroke to Path를 사용할 수도 있습니다).

물론 벡터로서 텍스트는 더 이상 텍스트처럼 편집 할 수 없지만 SVG를 다른 쪽에서 볼 수있게하는 것만 큼 중요하지 않을 수 있습니다.


2
SVG 파일에 글꼴 을 포함 하여 편집 가능한 상태로 유지 하는 문제에 대한 답변은 아닙니다.
Luciano

4
그것은하지 않을 수 있습니다 올바른 질문에 대답하지만, 그것은 확실히 많이 할 필요없이 마법처럼 작동합니다. 당신이 나에게 묻는다면 이것은 정말 좋은 대답입니다!
Alexis Wilke

1
동의합니다. 이것은 매우 유용한 답변입니다. 종종 여러 가지 방법으로 작업을 수행 할 수 있습니다. 질문하는 사람이 요청한 방식을 정확하게 사용하지 않는 모든 답변을 권장하지 않는 경우 StackExchange를 매우 유용하고 학습하기 쉬운 곳으로 만들지 마십시오 (IMHO).
Sybille Peters
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.