首页 > 其他分享 >记录工作开发日常遇到的问题点-css字体

记录工作开发日常遇到的问题点-css字体

时间:2024-10-13 10:21:36浏览次数:7  
标签:index src item 字体 日常 font data css

data.forEach((item, index) => { style +=@font-face {font-family: 'FileType${index}';src: url('${item.FileUrl}') format('truetype');} ht +=`
});

      $('head').append($('<style>').text(style));//插入到head后面
	  
      $('#fontFamilyContent').html(ht)
      $('#fontFamilyContent .tabs_content_item').on('click', function () {
        $('#editContentText').css('font-family', $(this).attr('data-FileUrl'))
        $(this).attr('src',$(this).attr('data-IconUrlCheck'))
        $.each($(this).siblings(),function(index,item){
          item.src = item.dataset.iconurl//可以直接使用标签参数,data-iconurl 用dataset.iconurl调用
        })
      })

`

标签:index,src,item,字体,日常,font,data,css
From: https://www.cnblogs.com/czjjy/p/18357064

相关文章

  • CSS基础知识四(盒子绝对定位)
    目录1.绝对定位概念(absolute)2、绝对定位语法2.1代码添加 position:absolute;2.2创建一个HTNL结构2.3添加CSS属性2.3给div1加入绝对定位4.绝对定位练习4.1做出以下效果图1.绝对定位概念(absolute)    -当元素的position属性值设置为absolute时,就开启......
  • Web前端开发入门学习笔记之CSS 39-40 --新手超级友好版- 文本颜色字体篇
       Foreword写在前面的话: 大家好,我是一名刚开始学习HTML的新手。这篇文章是我在学习html过程中的一些笔记和心得,希望能和同样在学习HTML的朋友们分享。由于我的知识有限,文章中可能存在错误或不准确的地方,欢迎大家在评论区提出建议和指正。我非常期待大家的反馈,以便我能......
  • HTML+CSS 核心笔记 (四)
    选择器结构伪类选择器作用:根据元素的结构关系查找元素:nth-child(公式) 作用:根据元素的结构关系查找多个元素提示:公式中的n取值从0开始伪元素选择器作用:创建虚拟元素(伪元素),用来摆放装饰性的内容必须设置content:””属性,用来设置伪元素的......
  • CSS常用声明(属性)
    目录一、文本1.字体属性2.文本修饰二、图像1.图像边框样式2.图像透明度​编辑三、背景1.背景属性2.背景重复3.背景图像定位四、表格1.CSS表格属性2.表格边框线折叠3. 单元格内文本的对齐方式五、表单1.CSS表单属性2.背景图像样式3.表单按钮样式六、练习......
  • QD1-P21-P22 CSS 基础语法、注释、使用方法
    本节学习:CSS基础语法和注释,以及如何使用CSS定义的样式。本节视频https://www.bilibili.com/video/BV1n64y1U7oj?p=21CSS基本语法CSS(层叠样式表)的基本语法相对简单,由选择器和一组包含在花括号{}​中的声明组成。​​组成部分:选择器选择器用于指定你想要样式化......
  • HTML-CSS
    初识web前端Web标准也称为网页标准,由一系列的标准组成,大部分由W3C(WorldWideWebConsortium,万维网联盟)负责制定。三个组成部分:HTML:负责网页的结构(页面元素和内容)。CSS:负责网页的表现(页面元素的外观、位置等页面样式,如:颜色、大小等)。JavaScript:负责网页的行为(交互效果)。......
  • css3小球上下移动效果
    .ball-item{height:96px;width:96px;display:flex;justify-content:center;align-items:center;background:url('@/assets/nav-big-screen/ball.png')no-repeat100%/100%100%;color:......
  • 大学生HTML期末大作业——HTML+CSS+JavaScript购物商城(篮球)
    HTML+CSS+JS【购物商城】网页设计期末课程大作业web前端开发技术web课程设计网页规划与设计......
  • 大学生HTML期末大作业——HTML+CSS+JavaScript培训机构(英语教育)
    HTML+CSS+JS【培训机构】网页设计期末课程大作业web前端开发技术web课程设计网页规划与设计......
  • 检测字体文件中不支持哪些字符字形;传入一段文字内容,返回字体包不支持的字符
    constpackage=require('../package');constfs=require('fs');constopentype=require('opentype.js');functionfindUnsupportedChars(fontPath,text){constfont=opentype.loadSync(fontPath);constunsupportedCha......