【Azure 应用服务】App Service for Linux环境中,如何解决字体文件缺失的情况

简介: 【Azure 应用服务】App Service for Linux环境中,如何解决字体文件缺失的情况

问题描述

部署在App Service for Linux环境中的Web App。出现了字体文件缺失的问题,页面显示本来时中文的地方,区别变为方框占位。

问题分析

在应用中,通常涉及到显示问题的有两个方面,

一是乱码:”����Ҫ�¨²�ѧϰ������“ , ”由月è¦�å¥½å¥½å­¦ä¹ å¤©å¤©å�‘上“ ,”鐢辨湀瑕佸ソ濂藉涔犲ぉ澶╁悜涓?“ ”锟斤拷锟斤拷要锟“  , 这些内容表示的问题就是编码问题。

二是字体缺失:表现形式为用“□”方框来作为占位符。

 

对于第一个问题,我们可以通过应用配置来修改字符编码问题(可以参考文章:https://www.cnblogs.com/lulight/p/13531483.html)。而字体缺失,则可以通过下面的方式来验证。

 

第一步:通过App Service Kudu站点的SSH进入Linux,查看是否已经安装了TTF-DEJAVU文件 cd /usr/share/fonts/ttf-dejavu/

 

第二步:如果没有ttf-dejavu文件,就需要通过 apk --no-cache add ttf-dejavu 安装,然后使用cp命令把缺少的TTF文件复制到 /usr/share/fonts/ttf-dejavu/ 目录下

apk --no-cache add ttf-dejavu

cp /home/site/SIMHEI.TTF /usr/share/fonts/ttf-dejavu/SIMHEI.TTF


##PS: 比如SIMHEI.TTF文件已经保存在 home/site文件中

问题解决

在App Service for Linux中,可以通过启动脚本方式(Stratup Script)来初始化字体文件。详细步骤为:

1) 新建一个startup_script.sh 文件,内容为:

apk --no-cache add ttf-dejavu


cp /home/site/SIMHEI.TTF /usr/share/fonts/ttf-dejavu/SIMHEI.TTF

 :需要把SIMHEI.TTF 文件上传到app service 的  home/site/目录中。

2)把文件放置在home/site目录下,如:/home/site/deployments/tools/startup_script.sh,可以通过FTP方式上传文件,或者直接包含在应用的项目文件中,路径可以自定义,只要在/Home/下就可以。

3)把第一步中脚本所在的路径,设置在启动路径中。重启站点即可解决问题。

修改完成后,正确的显示:

 

 

附录一:如果单独进入App Service SSH, 安装字体后,当实例发生重启,切换等都会导致之前的安装失效,所以如果要永久解决字体问题,还是需要在启动脚本中安装字体文件。

安装字体文件的脚本为:

#! /usr/bin/bash
cd /home/site/wwwroot/
if [ -f fonts.tar.gz ]; then
  echo '=============================================='
  echo 'install fonts......'
  echo '=============================================='
  tar -zxf fonts.tar.gz
  cp fonts/* /usr/share/fonts
  cd /usr/share/fonts/
  mkfontscale && mkfontdir && fc-cache
  cd /home/site/wwwroot/
fi

 

参考资料

配置Java应用(第六步):https://docs.azure.cn/zh-cn/app-service/configure-language-java?pivots=platform-linux#finalize-configuration-1

What are the expected values for the Startup File section when I configure the runtime stack? https://docs.microsoft.com/en-us/troubleshoot/azure/general/faqs-app-service-linux#what-are-the-expected-values-for-the-startup-file-section-when-i-configure-the-runtime-stack-

相关文章
|
11月前
|
XML 缓存 Linux
在Linux环境下解决Visual Studio Code字体显示异常和字体替换方法。
解决Linux下VS Code字体显示异常,需要对Linux字体渲染机制有所理解,并对VS Code的配置选项进行合理设置。替换字体时则要通过系统字体配置或VS Code设置来完成。通过上述方法,可以有效地解决字体显示问题,从而提升代码编辑的视觉体验。
1628 21
|
Dart 前端开发
【05】flutter完成注册页面完善样式bug-增加自定义可复用组件widgets-严格规划文件和目录结构-规范入口文件-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
【05】flutter完成注册页面完善样式bug-增加自定义可复用组件widgets-严格规划文件和目录结构-规范入口文件-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
568 75
【05】flutter完成注册页面完善样式bug-增加自定义可复用组件widgets-严格规划文件和目录结构-规范入口文件-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
|
应用服务中间件 Linux nginx
【Azure App Service】基于Linux创建的App Service是否可以主动升级内置的Nginx版本呢?
基于Linux创建的App Service是否可以主动升级内置的Nginx版本呢?Web App Linux 默认使用的 Nginx 版本是由平台预定义的,无法更改这个版本。
404 77
|
C++ Windows
【Function App】本地通过VS Code调试Function时候遇见无法加载文件错误Microsoft.Extensions.Diagnostics.Abstractions
在使用 VS Code 调试 Azure Functions 时,执行 `func host start` 可能因版本冲突报错。错误信息显示 Rpc Initialization Service 启动失败,可能是由于缺少文件或组件导致。解决方法包括:1) 使用 npm 卸载并重新安装 Azure Functions Core Tools;2) 若问题未解决,重新下载安装包(如 func-cli-x64.msi)修复旧版本工具;3) 退出并重启 VS Code,重新加载项目即可恢复正常运行。参考资料链接提供了更多背景信息。
500 1
|
Linux 开发工具 数据安全/隐私保护
linux异常一:feng 不在 sudoers 文件中,此事将被报告。yum提示Another app is currently holding the yum lock; waiting for
这篇文章介绍了在CentOS 7系统中安装Docker时遇到的两个常见问题及其解决方法:用户不在sudoers文件中导致权限不足,以及yum被锁定的问题。
430 2
linux异常一:feng 不在 sudoers 文件中,此事将被报告。yum提示Another app is currently holding the yum lock; waiting for
|
缓存 Linux Windows
Linux下安装宋体以及微软雅黑字体-转PDF后不显示中文,以及中文乱码
Linux下安装宋体以及微软雅黑字体-转PDF后不显示中文,以及中文乱码
2456 0
|
Linux
Linux 查看系统里已安装的字体,linux安装中文字体宋体实例演示,linux没有中文字体导致的乱码问题解决
Linux 查看系统里已安装的字体,linux安装中文字体宋体实例演示,linux没有中文字体导致的乱码问题解决
2221 1
Linux 查看系统里已安装的字体,linux安装中文字体宋体实例演示,linux没有中文字体导致的乱码问题解决
|
Linux Windows
Windows 和 Linux 上安装 TTF 字体的方法
在之前的文章中,我们是通过引入字体文件的方法解决了平台字体兼容性的问题
1443 0
Windows 和 Linux 上安装 TTF 字体的方法
|
Linux
制作linux安装,不能直接复制字体到/usr/share/fonts
制作linux安装,不能直接复制字体到/usr/share/fonts
380 0