本文整理汇总了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;
}