我想在网站上使用两种字体,一种用于普通文本,一种用于表情符号。甚至更具体地仅适用于国旗表情符号。因此,我找到了执行第一部分的这种方式。
@font-face {
font-family: emoji;
/* Fonts for text outside emoji blocks */
src: local('Droid Sans Mono'),
local('Lucida Console'),
local('Arial Monospaced'),
local(Arial);
}
@font-face {
font-family: emoji;
src: local('Apple Color Emoji'),
local('Android Emoji'),
local('Segoe UI'),
local(EmojiSymbols),
local(Symbola),
url('font/Symbola-Emoji.eot?#iefix') format('embedded-opentype'),
url('font/Symbola-Emoji.woff') format('woff'),
url('font/Symbola-Emoji.ttf') format('truetype');
/* Emoji unicode blocks */
unicode-range: U+1F300-1F5FF, U+1F600-1F64F, U+1F680-1F6FF, U+2600-26FF;
}
所以问题是,当每个标志包含两个Unicode字符组合时,如何单独指定标志的范围? The list of flags can be seen here with the corresponding characters.