- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我需要使用 create-react-app 在 React web 应用程序的构建中包含 Google Web 字体。这是因为该应用程序将在没有互联网接入的 WiFi 上提供服务。最直接的解决方案似乎是 google-fonts-webpack-plugin ,但它需要自定义的 webpack
配置。
是否有任何“简单”的解决方案可以自动下载并包含所有网络字体资源,而不需要从 create-react-app 中弹出?
1 Câu trả lời
有多种方法可以做到这一点。
例如,要使用 Roboto,请执行以下操作
yarn add typeface-roboto
hoặc
npm install typeface-roboto --save
在index.js中:
import "typeface-roboto";
许多开源字体和大多数 Google 字体都有 npm 包。您可以看到所有字体đây 。所有的包都来自dự án .
您可以从fonts.google.com下载字体
现在,您可以将字体放入 src/fonts/Lato.woff
中,并在 index.css
中使用它。
@font-face {
font-family: 'Lato';
src: local('Lato'), url(./fonts/Lato.woff) format('woff');
}
vì ttf
字体,您应该将 truetype
Còn hơn là ttf
作为格式参数
您可以将其导入到 index.js
中以使其可用
import './index.css';
您也可以在 App.css
,App.js
中执行这些操作。这是你的偏好。
关于reactjs - 在 create-react-app 构建中完全包含 Google Web 字体(不弹出),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52381240/
Tôi gặp vấn đề nếu tôi gọi một ứng dụng hai lần trở lên nhưng chỉ có một phiên bản được chạy (điều mong muốn). Đầu tiên là một số thông tin cơ bản (có thể cần thiết): Sử dụng MAC OS X El Capitan (10.11.6) Tôi có một
Ghi đè lên một tập tin. Ghi đè lên tệp Apps Script. Đây có phải là vấn đề tạo tệp Apps Script mới không? Điều đó không giúp ích gì cho tôi. Tôi cần cập nhật tệp Apps Script hiện có. Câu hỏi này tương tự như khi tạo một tệp mới, nhưng không phải là cùng một câu hỏi. Ngôn ngữ được cập nhật
Tôi mới làm quen với Apps Script và đang cố gắng hiểu những điều cơ bản về cách chạy/kích hoạt một tập lệnh trong một tài khoản bằng một tài khoản khác. Một điều cần lưu ý: Tôi muốn chạy tập lệnh với tư cách là người dùng đang truy cập tập lệnh, không phải là người dùng sở hữu tập lệnh - do đó thời gian chạy được chỉ định cho người dùng đã truy cập.
Tôi mới làm quen với Apps Script và đang cố gắng hiểu những điều cơ bản về cách chạy/kích hoạt một tập lệnh trong một tài khoản bằng một tài khoản khác. Một điều cần lưu ý: Tôi muốn chạy tập lệnh với tư cách là người dùng đang truy cập tập lệnh, không phải là người dùng sở hữu tập lệnh - do đó thời gian chạy được chỉ định cho người dùng đã truy cập.
Tôi có một ứng dụng Android. Tôi muốn triển khai App Indexing cho ứng dụng của mình. Tôi đã nhấp vào liên kết Google Developers https://developers.google.com/app-indexing/
Sự khác biệt giữa: import App from '../components/App'; và var App = require('../components/App'); cả hai đều được sử dụng để lấy thành phần nhưng không
Vấn đề: Tôi có một ứng dụng demo đơn giản sử dụng requireJS. Khi tập lệnh require.min.js tải, nó sẽ cố gắng tải tập lệnh điểm vào. Nhưng vấn đề là, thay vì localhost:8090/js/app.js, nó thử
Tôi đang xây dựng một ứng dụng React Native và hiện đang cố gắng triển khai hệ thống đăng ký xác thực thông qua Firebase Auth. Tôi đã làm theo tài liệu hướng dẫn/trang web để thiết lập tệp cấu hình Firebase. Tôi chạy ứng dụng
Vì vậy, một phần của tệp app.yaml trông như thế này (ít nhất là trong hướng dẫn GAE): handlers: - url: /.* script: main.app Tuy nhiên, tôi cũng thấy nó trông như thế này: handler
Tôi mới tham gia phát triển ứng dụng Android. Khi tôi cố gắng tạo một dự án Android Project mới, thông báo sau hiện lên: Thông tin: Nhiệm vụ Gradle [:app:generateDebugS
Tôi đang viết một tập lệnh ứng dụng (để xử lý email, tác vụ và sự kiện lịch) và muốn triển khai nó dưới dạng ứng dụng web. Ứng dụng sẽ chạy theo ngữ cảnh của người dùng chạy nó. Ứng dụng này sẽ được hơn 10.000 người dùng sử dụng, thậm chí có thể còn nhiều hơn. Trong đó
Tôi cần triển khai ứng dụng Google Apps Script để đăng nhập vào một trang web, sau đó nếu quá trình xác thực trên trang web đó thành công, người dùng sẽ nhận được thông báo trong thanh bên của Google Script. Ví dụ: Người dùng nhập địa chỉ email và mật khẩu, sau đó nhấp vào nút Đăng nhập
Tôi đang phát triển một ứng dụng đa nền tảng sẽ được phát hành trên Google Play Store và App Store. Chính sách của Google Play và App Store nêu rõ rằng bạn không thể sử dụng các hệ thống thanh toán khác để mua nội dung sẽ có trong ứng dụng.
Ứng dụng AppEngine của tôi chạy tốt trên máy chủ phát triển trên máy tính để bàn của tôi, nhưng tôi không thể tải phiên bản trên máy chủ của Google để theo dõi các bản cập nhật cho mã nguồn của tôi. Đây là ví dụ thuyết phục nhất. Tệp app.yaml của tôi bắt đầu bằng: a
Tôi đã chuyển hướng mọi thứ đến một tệp duy nhất trong app.yaml của mình như thế này - url: /.* script: frontcontroller.application Nhưng tôi vẫn phải sử dụng robots.txt
Tôi muốn xây dựng một ứng dụng web dựa trên App Engine và sử dụng Tài khoản Google để xác thực người dùng. Tôi cần người dùng từ nhiều miền có thể đăng nhập. Theo những gì tôi đã đọc thì có vẻ như chỉ sử dụng API Tài khoản Google
Tôi đang gặp sự cố khi trỏ tên miền của mình tới một trang web tôi đang lưu trữ bằng Google App Engine. Sau đây là bối cảnh... Lưu ý sự khác biệt giữa các khái niệm "Google Apps" (lưu trữ tên miền, email, v.v.) và "Google App Engine" (khung trang web)
Có thể triển khai đăng nhập một lần thông qua OpenId tích hợp trên App Engine không? Tôi đang cố gắng tích hợp ứng dụng Marketplace và yêu cầu người dùng đăng nhập khi đến từ Google Apps (bảng quản trị hoặc điều hướng chung). TÔI
Có cách nào để tạo và/hoặc kích hoạt App Insights cho ứng dụng web hoặc ứng dụng chức năng từ azure-cli không? Bây giờ hãy duyệt tài liệu. Câu trả lời hay nhất Tôi đã nghĩ về câu hỏi của bạn trước đây. Để tạo ra thông tin chi tiết về ứng dụng, tài nguyên az
Tôi gặp sự cố khi tạo một dự án mới trong Angular. Khi tôi chạy lệnh ng new myapp, tôi nhận được lời chào ng new myapp sau Lỗi: Đường dẫn "/app/app.module.ts" không hoạt động
Tôi là một lập trình viên xuất sắc, rất giỏi!