webview使用的自定義字體

大家好我有一個應用程序，打開一個包含文本和圖像組合的文章的webview。正如你所知道的文章有不同的字體，我想知道是否有一種方式讓我有幾個Helvetica字體完全由網頁視圖呈現，就像在裝有這些字體的計算機上一樣;以某種方式將它們添加到我的項目中？先謝謝了。webview使用的自定義字體

我使用

<!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%); 
    } 
}

和我的WebView的男女同校

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); 



    } 


}

來源

2014-03-30 user3381665

您可能想要查看最新的HTML標準（您正在使用一些現在已折舊的東西）。 –

很多是由於轉換腳本將它們從docx轉換爲html。只是時間太長而無法手動完成每一個。但謝謝你 – user3381665

你可以簡單地buy the Helvetica Webfont在您的項目中使用。然後，您只需包含提供給您的css鏈接，並且文本將在每個遠程現代瀏覽器中的Helvetica中呈現。

來源

2014-03-30 20:13:32

感謝您的答案，但我已經購買了整個helvetica家庭，並想知道我是否可以參考我的項目中的otf？ – user3381665

儘管您可以將它們轉換爲網頁並將其與網頁一起提供，但這會違反許可證 - 據我瞭解，您只有打印許可證。 –

您購買的Helvetica包含在Web應用程序中使用的權利不太可能。實際上，像Helvetica這樣的字體的使用條款旨在細分市場，並讓您在每次找到字體的新用途時付款。因此它是您的選擇：Helvetica是值得您的需要的錢，或者您最好以自由和開放的字體（如谷歌字體服務上的字體）提供服務，而且您可以使用它們的方式幾乎沒有限制。（並且字體沒有必要更糟，他們只是沒有像Helvetica這樣的舊字體的識別）。 – nim

webview使用的自定義字體

回答

相關問題