HTML Viewer展示不同字体
过去有相关帖子提到Power BI可以使用不同字体。小悦也最近也找了一些方法尝试。如果大家想要在Power BI展示更多类型的字体,可以使用HTML Viewer自定义控件,增加额外的字体。大家可以利用这种方式,通过增加任何你需要的风格的字体,来实现一个多功能的文本框,包括网络上免费的字体或图片。
接下来,小悦会通过具体例子教大家如何增加自定义Google Fonts,并使用Microsoft Office UI Fabric上的字体将它们结合在一起。不过首先要讲到的缺点是,这些字体和图片仅限于单一视图(单个HTML Viewer可视化效果),并且被格式化不能在其他的视图效果上实现。但优点是,使用HTML Viewe自定义文本框可以更好的控制输出,包括定位和样式,轻松将文本与图像组合在一起,无论你如何缩放图像的大小,质量都保持不变在HTML Viewer可视化效果中显示。
Google Fonts。
在建模选项卡上,选择新表并输入DAX,DATATABLE函数创建一个HTML方式的字段,用于在HTML Viewer可视化效果中。<head>标签链接到Google上称为Gaegu 和Uncial Antique的两个免费字体样式。<body>标签包含内嵌CSS样式的文本元素。在这里小悦特意将Gaegu 和Uncial Antique两种免费字体样式突出显示,当然,在Google Fonts网站上还有数百种字体可供大家使用。

在Power DeskTop,添加一个HTMLViewer自定视觉效果,并且在“字段”格式化窗格中添加刚刚创建的HTML字段,输出的内容如下图所示
Microsoft Office UI Fabric
Microsoft Office UI Fabric是一个用于为MS Office等应用程序或站点设置样式的框架. 在这里,小悦使用一小部Microsoft Office UI Fabric功能来添加一个Power BI图标,无论生成多大图像,都会以高质量进行扩展。

在建模选项卡上,选择新表并输入DAX。将这个字段加入到HTMLViewer就会呈现下面这个PowerBI的logo。

也可以将两者组合在一起,毕竟,灵活性是HTML Viewer的主要亮点。

尽管还有很多明显的局限,不能把所有网页图片插入到HTML Viewer效果,但是它可以提供一些标题,图像等的独特体验。

1.Power BI免费下载:http://www.yeacer.com/
Microsoft Power BI Desktop中文最新版:下载地址
2.欢迎加入的Power BI技术群,目前正在学习阶段,有兴趣的朋友可以一起学习讨论。
Power Data技术交流群:702966126 (验证注明:博客园Power BI)
更多精彩内容请关注微信公众号:悦策PowerBI
如果您觉得阅读本文对您有帮助,请点一下“推荐”按钮,您的“推荐”将是我最大的写作动力!欢迎各位转载,作者博客:https://www.cnblogs.com/yeacer/
HTML Viewer展示不同字体的更多相关文章
- 使用Jquery Viewer 展示图片信息
<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8" ...
- UIPickerView控件中自定义展示的字体大小及样式
- (UIView *)pickerView:(UIPickerView *)pickerView viewForRow:(NSInteger)row forComponent:(NSInteger) ...
- Jsp 国际化访问首页选择展示不同字体小例子
要求:创建一个首页,默然显示英文信息,但可以让用户选择使用英文,繁体中文或简体中文. 1.编写hello_en_US.txt,内容如下: cc.openhome.welcome=welcomecc.o ...
- 在 Ubuntu 14.10 中借用 Windows 的字体
在前一篇随笔中,我详细讨论了字体的分类及用途,也以 Fedora 20 为例,展示了字体配置的思路和方法.我在配置 Fedora 20 系统字体的时候,采用的是一种釜底抽薪的方法,完全抛开了系统原有的 ...
- Linux应用环境实战05:在Ubuntu 14.10中借用Windows的字体 (转)
阅读目录 设置系统字体 安装微软的英文字体 查看系统的配置文件 借用Windows的字体 编写配置文件 在前一篇随笔中,我详细讨论了字体的分类及用途,也以Fedora 20为例,展示了字体配置的思路和 ...
- CSS font字体知识学习
字体系列 [1]5种通用字体系列:拥有相似外观的字体系列 serif字体:字体成比例,且有上下短线(衬线字体),包括Times\Georgia\New century Schoolbook sans- ...
- iOS UIScrollView 滚动到当前展示的视图居中展示
需求展示: 测试效果1 first uiscrollView 宽度 为屏幕宽度 滚动步长 为 scroll 宽度的1/3 分析: 这个是最普通版 无法使每一次滚动的结果子视图居中展示, WA ...
- bpmn-js起步
https://blog.csdn.net/u013253924/article/details/85784002 通过本文逐步熟悉bpmn-js. 快速介绍: bpmn.js是一个BPMN2.0渲染 ...
- PythonNote01_HTML标签
>头标签<head> >>位置 头标签要放在头部之间 >>种类 <title> : 指定整个网页的标题,在浏览器最上方显示. <meta&g ...
随机推荐
- Wannafly挑战赛29-A/B
链接:https://ac.nowcoder.com/acm/contest/271/A来源:牛客网 御坂美琴 时间限制:C/C++ 1秒,其他语言2秒 空间限制:C/C++ 131072K,其他语言 ...
- jq回车触发绑定点击事件
//jq绑定回车事件触发点击事件<script> $(function(){ $(document).keyup(function(event){ if(event.keyCode ==1 ...
- 2017-4-20/Redis的数据结构及应用场景
1. 谈谈你对redis的理解,它的应用场景. Redis是一个key-value存储系统,它支持存储的value类型包括string字符串.list链表.set集合.sorted Set有序集合和h ...
- centos命令行系列之升级glibc到
1.从http://ftp.gnu.org/gnu/glibc/glibc-2.17.tar.gz 下载文件 2.安装部署 [root@kafzook1 /]# tar -xf glibc-2.17. ...
- 64位Ubuntu下配置CP-ABE环境
CP-ABE环境配置 本文密码学专业,论文仿真需要CP-ABE,现将配置过程作个记录 cpabe依赖pbc,pbc依赖gmp,gmp依赖M4.bison.flex,所以.. sudo apt-get ...
- Linux NTP服务配置 for Oracle RAC
安装Oracle 11g RAC时,我们需要配置ntp服务.在使用虚拟机的情况下对于时钟同步方式的配置有很多种方式,可以使用vmware自带的时钟同步功能,也可以直接将本地的一个节点用作时间服务器.本 ...
- nginx 隐藏 index.php 和 开启 pathinfo 模式的配置
nginx 通过 location 的规则匹配将 php 转发给 php-fpm 处理后获取结果然后返回给客户端,转发模式可以通过 unix sock 或 tcp socket 方式.百度了好多文章我 ...
- java method.isBridge
作者:木女孩链接:https://www.zhihu.com/question/54895701/answer/141623158来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注 ...
- QWebView崩溃的问题
http://www.cnblogs.com/kobe-echo/p/5720765.html#undefined
- 命令创建Vue
创建vue+webpack vue init webpack projectName 基础 Vue+webpack+Vux 新建文件命令 # install vue-cli npm install - ...