2014-03-30 4 views
0

안녕하세요 저는 텍스트와 이미지의 조합이 포함 된 기사가 포함 된 웹보기를 여는 앱을 가지고 있습니다. 아티클의 글꼴이 다양하다는 것을 알고 있고, 설치되어있는 글꼴로 된 컴퓨터에서 볼 수있는 것처럼 웹보기에서 렌더링 할 여러 Helvetica 글꼴을 가지고있는 방법이 있는지 궁금합니다. 그런 식으로 내 프로젝트에 추가 할 수 있습니까? 덕분에 고급.사용할 웹보기의 맞춤 글꼴

내가

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
    <META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=utf-8"> 
    <TITLE>fin SUB_ The Lego Movie - Trent Erickson.docx</TITLE> 
    <META NAME="GENERATOR" CONTENT="LibreOffice 4.1.5.3 (Linux)"> 
    <META NAME="CREATED" CONTENT="0;0"> 
    <META NAME="CHANGED" CONTENT="20140330;153648463119746"> 
    <STYLE TYPE="text/css"> 
    <!-- 
     @page { margin: 1in } 
     P { margin-bottom: 0.08in } 
     A:link { so-language: zxx } 
    --> 
    </STYLE> 
    <link rel="stylesheet" type="text/css" href="mystyle.css"> 

</HEAD> 
<BODY LANG="en-US" BGCOLOR="#ffffff" DIR="LTR"> 
<P STYLE="margin-bottom: 0in; page-break-inside: auto; widows: 0; orphans: 0; page-break-after: auto"> 
<FONT COLOR="#ff3333"><FONT FACE="Helvetica LT Std Cond"><FONT SIZE=2>Arts 
&amp; Culture</FONT></FONT></FONT></P> 
<P STYLE="margin-bottom: 0in; widows: 0; orphans: 0">“<FONT FACE="HelveticaNeueLT Std Thin"><FONT SIZE=4 STYLE="font-size: 16pt">The 
Lego Movie” Lego Sets: Lego Misunderstood Their Own Movie</FONT></FONT> 
        <img src="lego.jpg"> 
</P> 
<P ALIGN=RIGHT STYLE="margin-bottom: 0in; page-break-inside: auto; widows: 0; orphans: 0; page-break-after: auto"> 
<FONT FACE="Helvetica LT Std Cond">By: 
</FONT><FONT FACE="Helvetica LT Std Cond">Trent Erickson                
</FONT><FONT FACE="Helvetica LT Std Cond">Issue 3</FONT></P> 

<P ALIGN=RIGHT STYLE="margin-bottom: 0in; widows: 0; orphans: 0"> 
</P> 
<P STYLE="text-indent: 0.5in; margin-bottom: 0in; page-break-inside: auto; widows: 0; orphans: 0; page-break-after: auto"> 
<FONT FACE="HelveticaNeueLT Std">With over 4 billion dollars of 
revenue, Lego is one of the most successful names in the toy 
business, and rightly so: Lego is fantastic. It’s gender neutral, 
it’s for kids, and it’s for adults. You can make a plane, a 
train, or an automobile. Lego can be whatever you want it to be, but 
it can also be constructed to perfectly match the instructions on the 
cover of the set. </FONT> 
</P> 

내 스타일 시트를 사용하고 일부 샘플 HTML

html { 
    background-color: #e6e9e9; 
    background-image: linear-gradient(270deg,rgb(230,233,233) 0%,rgb(216,221,221) 100%); 
    background-image: -o-linear-gradient(270deg,rgb(230,233,233) 0%,rgb(216,221,221) 100%); 
    background-image: -moz-linear-gradient(270deg,rgb(230,233,233) 0%,rgb(216,221,221) 100%); 
    background-image: -webkit-linear-gradient(270deg,rgb(230,233,233) 0%,rgb(216,221,221) 100%); 
    background-image: -ms-linear-gradient(270deg,rgb(230,233,233) 0%,rgb(216,221,221) 100%); 
} 

body { 
    margin: 0 auto; 
    padding: 2em 2em 2em; 
    max-width: 800px; 
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
    font-weight: 300; 
    font-size: 16px; 
    line-height: 1.5em; 
    color: #545454; 
    background-color: #ffffff; 
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.06); 
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.06); 
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.06); 
} 


img { 
    background: transparent; 

    display: block; 
    margin: 1.3em auto; 
    max-width: 100%; 
    -webkit-animation: colorize 2s cubic-bezier(0, 0, .78, .36) 1; 
} 

@keyframes colorize { 
    0% { 
     -webkit-filter: grayscale(100%); 
    } 
    100% { 
     -webkit-filter: grayscale(0%); 
    } 
} 

@-webkit-keyframes colorize { 
    0% { 
     -webkit-filter: grayscale(100%); 
    } 
    100% { 
     -webkit-filter: grayscale(0%); 
    } 
} 

내 웹보기를위한 남녀 공학

public class Article extends Activity{ 
    private WebView webview; 

    @Override 
    public void onCreate(Bundle savedInstanceState) { 
     super.onCreate(savedInstanceState); 
     setContentView(R.layout.articleview); 

     Bundle b = getIntent().getExtras(); 
     String KEY_LINK = b.getString("b"); 
     String url = getIntent().getStringExtra("key"); 

       webview = (WebView) findViewById(R.id.webView); 



     webview.loadUrl(url); 

     webview.loadUrl(KEY_LINK); 



    } 


} 
+0

(현재 가치가 떨어지는 몇 가지를 사용하고 있습니다) 최신 HTML 표준을 살펴볼 수 있습니다. –

+0

많은 것은 docx에서 html로 변환하기위한 변환 스크립트 때문입니다. 수동으로 각각 할 시간이 너무 많습니다. 하지만 고마워. – user3381665

답변

1

할 수 있습니다 단순히 buy the Helvetica Webfont 프로젝트에 사용 . 그런 다음 제공되는 CSS 링크 만 포함하면 텍스트는 Helvetica의 모든 최신 원격 브라우저에서 렌더링됩니다.

+0

답변 주셔서 감사합니다.하지만 이미 헬 베티 가족 전체를 구입했으며, 제가 프로젝트에서 tft를 참조 할 수 있는지 궁금합니다. – user3381665

+0

웹 폰트로 변환하여 웹 페이지와 함께 제공 할 수는 있지만 라이센스의 침해가 될 수 있습니다. 이해할 수있는 것처럼 인쇄 면허 만 있습니다. –

+0

helvetica 구매시 웹 응용 프로그램에서 사용할 수있는 권한이 포함되지는 않습니다. 실제로 Helvetica와 같은 글꼴 사용 조건은 시장을 구분하고 글꼴을 새로 사용할 때마다 돈을 지불하도록 설계되었습니다. 따라서 Helvetica는 귀하의 필요에 따라 가치가 있습니다. 또는 사용 방법에 제한이없는 무료 글꼴 (예 : Google 글꼴 서비스의 글꼴)을 사용하는 것이 좋습니다. (그리고 글꼴이 더 나쁘지는 않습니다. 단지 Helvetica와 같은 오래된 글꼴을 인식하지 못합니다). – nim