本文整理匯總了TypeScript中@uifabric/merge-styles/lib/index.fontFace函數的典型用法代碼示例。如果您正苦於以下問題：TypeScript fontFace函數的具體用法？TypeScript fontFace怎麽用？TypeScript fontFace使用的例子？那麽, 這裏精選的函數代碼示例或許可以為您提供幫助。
在下文中一共展示了fontFace函數的4個代碼示例，這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚，您的評價將有助於係統推薦出更棒的TypeScript代碼示例。
示例1: _registerFontFace
function _registerFontFace(
fontFamily: string,
url: string,
fontWeight?: IFontWeight
): void {
fontFamily = `'${fontFamily}'`;
fontFace({
fontFamily,
src:
`url('${url}.woff2') format('woff2'),` +
`url('${url}.woff') format('woff')`,
fontWeight,
fontStyle: 'normal'
});
}示例2: _registerFontFace
function _registerFontFace(
fontFamily: string,
url: string,
fontWeight?: IFontWeight,
localFontName?: string
): void {
fontFamily = `'${fontFamily}'`;
const localFontSrc = localFontName !== undefined ? `local('${localFontName}'),` : '';
fontFace({
fontFamily,
src:
localFontSrc +
`url('${url}.woff2') format('woff2'),` +
`url('${url}.woff') format('woff')`,
fontWeight,
fontStyle: 'normal'
});
}示例3: getIcon
export function getIcon(name?: string): IIconRecord | undefined {
let icon: IIconRecord | undefined = undefined;
const options = _iconSettings.__options;
name = name ? name.toLowerCase() : '';
name = _iconSettings.__remapped[name] || name;
if (name) {
icon = _iconSettings[name!] as IIconRecord;
if (icon) {
let { subset } = icon;
if (subset.fontFace && !subset.isRegistered) {
// Register font face for given icons.
fontFace(subset.fontFace);
// Generate a base class name for the given font.
subset.className = mergeStyles(
subset.style,
{
fontFamily: subset.fontFace.fontFamily,
fontWeight: subset.fontFace.fontWeight || 'normal',
fontStyle: subset.fontFace.fontStyle || 'normal'
}).toString();
subset.isRegistered = true;
}
} else {
if (!options.disableWarnings && options.warnOnMissingIcons) {
warn(`The icon "${name}" was used but not registered. See http://aka.ms/fabric-icon-usage for more information.`);
}
}
}
return icon;
}示例4: getIcon
export function getIcon(name?: string): IIconRecord | undefined {
let icon: IIconRecord | undefined = undefined;
name = name ? name.toLowerCase() : '';
name = _icons.__remapped[name] || name;
if (name) {
icon = _icons[name!] as IIconRecord;
if (icon) {
let { subset } = icon;
if (!subset.isRegistered) {
// Register font face for given icons.
fontFace(subset.fontFace);
// Generate a base class name for the given font.
subset.className = mergeStyles(
subset.style,
{
fontFamily: subset.fontFace.fontFamily,
fontWeight: subset.fontFace.fontWeight || 'normal',
fontStyle: subset.fontFace.fontStyle || 'normal'
}).toString();
subset.isRegistered = true;
}
} else {
if (_icons.__options.warnOnMissingIcons) {
warn(`The icon "${name}" was referenced but not registered.`);
}
}
}
return icon;
}