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/ 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM