前端 PingFang SC 怎么引用

2024-11-10

前端项目，引入PingFang SC字体

在仿苹果官网"垃圾桶"时, 设计出的UI使用PingFang SC 字体,在网上查了很久,特记录.如果你有更好的方法,欢迎评论留言~ 实现原理,使用@font-face将字体下载在用户电脑中,然后font-family使用字体. 关于font-face链接 css: @font-face { font-family: 'myFont'; src: url('/assets/font/PingFangSC-Light.ttf'); //你的资源目录 font-weight: normal

web前端对文件的引用规则

web前端一般常用文件 .html .css .js.但是当用css文件和html引入资源(比如图片)时,路径可能不相同.下面总结了几条. 使用相对路径引入规则: html或者js引入图片,按照html的目录来算 css引入图片,按照css的目录来计算. 那什么是html目录: 例如:http://ip/a/b 请求回来的是html文件,那么html文件的目录就是/a/ 文件夹,如果此html有一段代码: <link rel="stylesheet" href="css

前端 -- javas-基本语法/引用等

javas-基本语法/引用等 JavaScript介绍 JavaScript是运行在浏览器端的脚步语言,JavaScript主要解决的是前端与用户交互的问题,包括使用交互与数据交互. JavaScript是浏览器解释执行的,前端脚本语言还有JScript(微软,IE独有),ActionScript( Adobe公司,需要插件)等. 1992年Nombas开发出C-minus-minus(C--)的嵌入式脚本语言(最初绑定在CEnvi软件中).后将其改名ScriptEase.(客户端执行的语言)

EasyNVR H5无插件摄像机直播解决方案前端解析之：引用videojs无法自动播放

关于videojs自动播放问题播放流媒体多使用videojs来进行播放,videojs,本身自带自动播放属性: 通过添加autoplay(),来完成视频播放的自动加载: player = videojs("video", { autoplay: true, }); 在制作四分屏的时出现给videojs添加autoplay()后,在一些浏览器上并不能完成自动播放,videojs加载完成后视频播放呈现出暂停样式: 在其他浏览器上可以自动加载播放: 解决: videojs.options.

Mybatis开发中前端控制器注解@Controller 引用的类错误

import org.springframework.web.portlet.ModelAndView; 错误 import org.springframework.web.servlet.ModelAndView;正确

[Vue 牛刀小试]：第十七章 - 优化 Vue CLI 3 构建的前端项目模板（1）- 基础项目模板介绍

一.前言在上一章中,我们开始通过 Vue CLI 去搭建属于自己的前端 Vue 项目模板,就像我们 .NET 程序员在使用 asp.net core 时一样,我们更多的会在框架基础上按照自己的开发习惯进行调整.因此在后面几章的学习中,我将会在整个项目基础上,按照自己的需求进行修改设定. PS:因为毕竟自己还是传统意义上的后端开发,所以这里最终搭建完成的前端项目模板,其实是按照 PanJiaChen 开源的 vue-admin-template 模板进行修改仿写,所以你可以把这个系列后续的文章当

前端 TDD 开发

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 15.0px ".PingFang SC"; color: #454545 } p.p2 { margin: 0.0px 0.0px 0.0px 0.0px; font: 15.0px "Helvetica Neue"; color: #454545; min-height: 17.0px } p.p3 { margin: 0.0px 0.0px 0.0px 0.0px; f

前端十万个为什么(之一)：我们为什么需要npm？

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px ".PingFang SC"; color: #454545 } span.s1 { font: 12.0px "Helvetica Neue" } 如果我能比别人看得更远,那是因为我站在巨人的肩上. --艾萨克·牛顿现代前端开发已经离不开Node了.大家都知道在安装Node时会附赠一个命令行工具Node Package Manager,即npm.或许你已经照

js前端模块化之加载器原理解析(一)

先来说一下前端模块化的价值:引用模块此处有详细的介绍,可以自行前往观看. 一.总结如下优点: (1)解决命名冲突(2)烦琐的文件依赖(3)模块的版本管理(4)提高可维护性(5)前端性能优化(6)跨环境共享模块二.加载器的基本思路: 如何去定义我们的模块? 如何将我们定义的模块去合并? 我们想一下,如果我们正常的引用入js到页面我们需要做神马事情,是否是使用:<script type="text/javascript" src="xxx"></sc

脚本引用中的defer和async的用法和区别

之前的博客漫谈前端优化中的引用资源优化曾经提到过脚本引用异步设置defer.async,没有细说,这里展开一下,谈谈它们的作用和区别,先上张图来个针对没用过的小伙伴有个初始印象: 是的,就是在页面脚本引用的时候设置defer或者async,为什么会有这两个属相来辅助脚本加载那,因为浏览器在遇到script标签的时候,文档的解析会停止,不再构建document,有时打开一个网页上会出现空白一段时间,浏览器显示是刷新请求状态(也就是一直转圈),这就会给用户很不好的体验,defer和async的合理使

二十三、【开源】EFW框架Web前端开发之常用组件（FusionCharts图表、ReportAll报表等）

回<[开源]EFW框架系列文章索引> EFW框架源代码下载V1.2:http://pan.baidu.com/s/1hcnuA EFW框架实例源代码下载:http://pan.baidu.com/s/1o6MAKCa 前言:上一章讲了EFW框架中的界面框架JqueryEasyUI,在一个Web系统开发中除了需要一个好的界面框架还有需要一些功能,比如:图表展示.Web报表预览打印.文件上传.文本编辑等功能在Web系统开发过程中也是经常用到的:为了方便大家使用EFW框架开发系统,本人

前端之Sass/Scss实战笔记

简介 Sass 有两种语法规则(syntaxes),目前新的语法规则(从 Sass 3开始)被称为 “SCSS”( 时髦的css(Sassy CSS)),它是css3语法的的拓展级,就是说每一个语法正确的CSS3文件也是合法的SCSS文件,SCSS文件使用.scss作为拓展名.第二种语法别成为缩进语法(或者 Sass),它受到了Haml的简洁精炼的启发,它是为了人们可以用和css相近的但是更精简的方式来书写css而诞生的.它没有括号,分号,它使用行缩进的方式来指定css 块,虽然sass不是

前端入门CSS(1)

day48 参考:https://www.cnblogs.com/liwenzhou/p/7999532.html CSS的几种引入方式行内样式行内式是在标记的style属性中设定CSS样式,不推荐大规模使用. <p style="color: red">Hello world.</p> 内部样式嵌入式是将CSS样式集中写在网页的<head></head>标签对的<style></style>标签对中.格式如

前端小记2——移动web解决方案

面向用户级移动web解决方案: 1.代码结构规范 2.字体设置 body{ font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, Simsun, sans-serif;} iOS 4.0+ (iOS 9以下系统已经非常少) 使用英文字体 Helvetica Neue,之

前端开发 --- CSS参考手册

目录 1 选择器 1.1 通用选择器 1.2 层次选择器 1.3 伪类选择器 1.3.1 动态伪类选择器 1.3.2 目标伪类选择器 1.3.3 UI元素状态伪类选择器 1.3.4 结构伪类选择器 1.3.5 否定伪类选择器 1.4 伪元素选择器 1.5 属性选择器 1.6 权重 1.5 继承 2. 值和单位 2.1 颜色 2.2 长度 2.2.1 绝对长度 2.2.2 相对长度 2.3 URL 2.4 inhreit 3. 文字 3.1 字体 {font-family} 4. 文本 4.1 缩

jQuery--dataTable 前端分页与后端分页及遇到的问题

(1)区别前端分页:一次性把所有数据全都放在前端,由前端进行处理:适合请求的数据量不大的情况后端分页:服务器模式,所有的分页,搜索,排序等操作在服务器端完成,然后前端去请求数据:适合量大的情况 (2)前端分页前端分页比较简单引用jquery.js 和 jquery.dataTables.js即可 (3)后端分页 https://datatables.net/examples/server_side/simple.html (4)遇到的问题:datatables 行元素事件翻页后失效问题

前端自适应样式(reset.css)

@charset "utf-8"; /* CSS Document */ html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:; padding:; } fieldset, c{ border:none; } img{display: block;} address, caption, cite, code, dfn, th, var {

记一次由于引用第三方服务导致的GC overhead limit exceeded异常

最近笔者遇到一个问题监控平台忽然告警 GC overhead limit exceeded 这个异常第一反应估计是堆溢出了.于是各种各种jmap jstack下载堆栈文件和堆日志文件. 以下是线程堆栈dump下来的日志文件 p.p1 { margin: 0; font: 12px "Helvetica Neue"; color: rgba(4, 51, 255, 1) } span.s1 { font: 12px ".PingFang SC" } Jstac

构建前端第4篇之---使用css用法 height

张艳涛写于2021-1-20 height: 100%; What: html的元素标签,例如 <html>,<body>,<div>都有height的css属性,那么将div的heigh:属性设置成100%,意味什么答案是:基于父级元素的百分比 /在全局scss文件中定义了 html { height: 100%; box-sizing: border-box; } body { height: 100%; -moz-osx-font-smoothing: gr

python网络进阶篇

并发编程进程操作系统的历史 # 手工操作 —— 穿孔卡片 # 程序员将对应于程序和数据的已穿孔的纸带(或卡片)装入输入机,然后启动输入机把程序和数据输入计算机内存,接着通过控制台开关启动程序针对数据运行:计算完毕,打印机输出计算结果:用户取走结果并卸下纸带(或卡片)后,才让下一个用户上机. # 手工操作方式两个特点: # (1)用户独占全机.不会出现因资源已被其他用户占用而等待的现象,但资源的利用率低. # (2)CPU 等待手工操作.CPU的利用不充分. # 20世纪50年代后期,出现人机

前端 PingFang SC 怎么引用

热门专题