將自定義字體添加到科爾多瓦項目

我有一個自定義字體，我想在我的應用程序中使用。將自定義字體添加到科爾多瓦項目

字體名稱是myfont，擴展名爲（myfont.eot，.myfont.svg，myfont.ttf，myfont.woff，myfont.woff2）的文件，當它們被複制到IOS和android資源文件夾時做一個科爾多瓦建設。但是，當我在設備上打開應用程序時，我看不到新的字體顯示。

當我從mac上的Safari瀏覽器運行應用程序時，確實看到了新的喜好顯示。

這裏是我的CSS文件

html, body { 
    overflow-x: hidden; 
    -webkit-tap-highlight-color: rgba(0,0,0,0); 
    font-family: 'myfont'; 
    font-size: 16px; 
}

的片斷是否有別的東西，我需要爲了看到這個新的字體Android和iOS設備上

感謝

來源

2017-04-07 user2570135

用做@font-face在你的CSS。

@font-face { 
    font-family: "my-font"; 
    src: url("../assets/myfonts.ttf"); // Give relative path to your css file. 
}

將代碼添加到您的css文件頂部。然後，您可以在需要的地方輕鬆使用字體系列my-font。

例子：

CSS

.class-myfont { 
    font-family: my-font; 
}

HTML

<span class="class-myfont">Hello there</span>

來源

2017-04-07 11:49:04 Harish

注：必須使用關鍵字__ @字體face__。它專門用於添加字體。 – pashute

@pashute'@ font-face'用於定義字體系列。上面的代碼在很多情況下適用於我。 – Harish

是的，我同意。我只是指出，你不能使用任何其他名稱的變量。你不能寫：''@whatever {font-family：「my-font」...'''等等。你必須使用確切的術語：'''@ font-face {font-family：「my-font 「......」等等。然後一切都會奏效。 – pashute

將自定義字體添加到科爾多瓦項目

回答

相關問題