nick
/
tabi-test
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

⏪️ docs: revert script changes

Browse Source
main
welpo 2 years ago
parent 5d91a0dcac
commit f657010be4
No known key found for this signature in database
GPG Key ID: A2F978CF4EC1F5A6
3 changed files with 17 additions and 14 deletions
Show Stats Download Patch File Download Diff File

10
content/blog/custom-font-subset.ca.md
Unescape Escape View File

@ -1,7 +1,7 @@
+++ +++
title = "Optimitza la càrrega amb un subconjunt de font personalitzat" title = "Optimitza la càrrega amb un subconjunt de font personalitzat"
date = 2023-04-29 date = 2023-04-29
updated = 2023-05-22 updated = 2023-05-25
description = "Aprèn com crear un subconjunt personalitzat que només inclogui els glifs necessaris." description = "Aprèn com crear un subconjunt personalitzat que només inclogui els glifs necessaris."
[taxonomies] [taxonomies]
@ -38,12 +38,12 @@ El següent script pren un fitxer `config.toml` i un fitxer de font com a entrad
#!/usr/bin/env bash #!/usr/bin/env bash
usage() { usage() {
echo "Usage: $0 [--config|-c CONFIG_FILE] [--font|-f FONT_FILE] [--output|-o OUTPUT_PATH]" echo "Usage: $0 [--config | -c CONFIG_FILE] [--font | -f FONT_FILE] [--output | -o OUTPUT_PATH]"
echo echo
echo "Options:" echo "Options:"
echo " --config, -c Path to the config.toml file." echo " --config, -c Path to the config.toml file."
echo " --font, -f Path to the font file." echo " --font, -f Path to the font file."
echo " --output, -o Output path for the generated subset.css file (default: current directory)" echo " --output, -o Output path for the generated custom_subset.css file (default: current directory)"
echo " --help, -h Show this help message and exit" echo " --help, -h Show this help message and exit"
} }
@ -125,7 +125,7 @@ unique_chars=$(echo "$combined" | grep -o . | sort -u | tr -d '\n')
# Crea un fitxer temporal per a subset.woff2. # Crea un fitxer temporal per a subset.woff2.
temp_subset=$(mktemp) temp_subset=$(mktemp)
# Executa la comanda pyftsubset amb els caràcters filtrats com a argument --text. # Crea el subconjunto.
pyftsubset "$font_file" \ pyftsubset "$font_file" \
--text="$unique_chars" \ --text="$unique_chars" \
--layout-features="*" --flavor="woff2" --output-file="$temp_subset" --with-zopfli --layout-features="*" --flavor="woff2" --output-file="$temp_subset" --with-zopfli
@ -134,7 +134,7 @@ pyftsubset "$font_file" \
base64_encoded_font=$(base64 -i "$temp_subset") base64_encoded_font=$(base64 -i "$temp_subset")
echo "@font-face{font-family:\"Inter Subset\";src:url(data:application/font-woff2;base64,$base64_encoded_font);}" > "$output_path/custom_subset.css" echo "@font-face{font-family:\"Inter Subset\";src:url(data:application/font-woff2;base64,$base64_encoded_font);}" > "$output_path/custom_subset.css"
# Elimina el fitxer temporal subset.woff2 # Elimina el fitxer temporal subset.woff2.
rm "$temp_subset" rm "$temp_subset"
``` ```

10
content/blog/custom-font-subset.es.md
Unescape Escape View File

@ -1,7 +1,7 @@
+++ +++
title = "Optimiza la carga con un subconjunto de fuente personalizado" title = "Optimiza la carga con un subconjunto de fuente personalizado"
date = 2023-04-29 date = 2023-04-29
updated = 2023-05-22 updated = 2023-05-25
description = "Aprende cómo crear un subconjunto personalizado que solo incluya los glifos necesarios." description = "Aprende cómo crear un subconjunto personalizado que solo incluya los glifos necesarios."
[taxonomies] [taxonomies]
@ -38,12 +38,12 @@ El script que sigue toma un archivo `config.toml` y un archivo de fuente como en
#!/usr/bin/env bash #!/usr/bin/env bash
usage() { usage() {
echo "Usage: $0 [--config|-c CONFIG_FILE] [--font|-f FONT_FILE] [--output|-o OUTPUT_PATH]" echo "Usage: $0 [--config | -c CONFIG_FILE] [--font | -f FONT_FILE] [--output | -o OUTPUT_PATH]"
echo echo
echo "Options:" echo "Options:"
echo " --config, -c Path to the config.toml file." echo " --config, -c Path to the config.toml file."
echo " --font, -f Path to the font file." echo " --font, -f Path to the font file."
echo " --output, -o Output path for the generated subset.css file (default: current directory)" echo " --output, -o Output path for the generated custom_subset.css file (default: current directory)"
echo " --help, -h Show this help message and exit" echo " --help, -h Show this help message and exit"
} }
@ -116,7 +116,7 @@ if [ -n "$language_names" ]; then
done done
fi fi
# Combina las cadenas extraídas.. # Combina las cadenas extraídas.
combined="$title$menu_names$language_names" combined="$title$menu_names$language_names"
# Obtiene los caracteres únicos. # Obtiene los caracteres únicos.
@ -125,7 +125,7 @@ unique_chars=$(echo "$combined" | grep -o . | sort -u | tr -d '\n')
# Crea un archivo temporal para subset.woff2. # Crea un archivo temporal para subset.woff2.
temp_subset=$(mktemp) temp_subset=$(mktemp)
# Ejecuta el comando pyftsubset con los caracteres filtrados como argumento --text. # Crea el subconjunto.
pyftsubset "$font_file" \ pyftsubset "$font_file" \
--text="$unique_chars" \ --text="$unique_chars" \
--layout-features="*" --flavor="woff2" --output-file="$temp_subset" --with-zopfli --layout-features="*" --flavor="woff2" --output-file="$temp_subset" --with-zopfli

11
content/blog/custom-font-subset.md
Unescape Escape View File

@ -1,7 +1,7 @@
+++ +++
title = "Optimise loading times with a custom font subset" title = "Optimise loading times with a custom font subset"
date = 2023-04-29 date = 2023-04-29
updated = 2023-05-22 updated = 2023-05-25
description = "Learn how to create a custom subset that only includes the necessary glyphs." description = "Learn how to create a custom subset that only includes the necessary glyphs."
[taxonomies] [taxonomies]
@ -38,7 +38,7 @@ The script below takes a `config.toml` file and a font file as input, extracts t
#!/usr/bin/env bash #!/usr/bin/env bash
usage() { usage() {
echo "Usage: $0 [--config|-c CONFIG_FILE] [--font|-f FONT_FILE] [--output|-o OUTPUT_PATH]" echo "Usage: $0 [--config | -c CONFIG_FILE] [--font | -f FONT_FILE] [--output | -o OUTPUT_PATH]"
echo echo
echo "Options:" echo "Options:"
echo " --config, -c Path to the config.toml file." echo " --config, -c Path to the config.toml file."
@ -125,16 +125,19 @@ unique_chars=$(echo "$combined" | grep -o . | sort -u | tr -d '\n')
# Create a temporary file for subset.woff2. # Create a temporary file for subset.woff2.
temp_subset=$(mktemp) temp_subset=$(mktemp)
# Run the pyftsubset command with the filtered characters as --text argument. # Create the subset.
pyftsubset "$font_file" \ pyftsubset "$font_file" \
--text="$unique_chars" \ --text="$unique_chars" \
--layout-features="*" --flavor="woff2" --output-file="$temp_subset" --with-zopfli --layout-features="*" --flavor="woff2" --output-file="$temp_subset" --with-zopfli
# Remove trailing slash from output path, if present.
output_path=${output_path%/}
# Base64 encode the temporary subset.woff2 file and create the CSS file. # Base64 encode the temporary subset.woff2 file and create the CSS file.
base64_encoded_font=$(base64 -i "$temp_subset") base64_encoded_font=$(base64 -i "$temp_subset")
echo "@font-face{font-family:\"Inter Subset\";src:url(data:application/font-woff2;base64,$base64_encoded_font);}" > "$output_path/custom_subset.css" echo "@font-face{font-family:\"Inter Subset\";src:url(data:application/font-woff2;base64,$base64_encoded_font);}" > "$output_path/custom_subset.css"
# Remove the temporary subset.woff2 file # Remove the temporary subset.woff2 file.
rm "$temp_subset" rm "$temp_subset"
``` ```

Write Preview
Loading…
Cancel
Save